Question

我正在尝试使用'jQuery'更改div的颜色，但不知道如何。

这是我的代码：

function objectPosition() {
$('#OutlineX1').css("color","blue");
}

Answer 1

您现在要说的是更改div的文本color。如果这是你想要的，那么请确保你选择了正确的元素。但是，如果您想更改背景颜色，请使用background-color代替color。

Answer 2

使用background-color代替color，color属性用于更改字体颜色。如果您对css()提及this

有疑问

Answer 3

试试这段代码

function objectPosition() {
$('#OutlineX1').css("background-color","blue");
}

Answer 4

我认为使用addClass会更好。

changeColor {
  background-color: 'blue';
}

function objectPosition() {
  $('#OutlineX1').addClass('changeColor');
}

Answer 5

尝试这个代码，你可以使用这么多的效果。但对于基本我只使用一个。如果你想要更多的告诉我。我已经联系jquery online.if你想也可以离线使用。

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<style type="text/css">
	body{
		margin:0;
		padding: 0;

	}

	div.mycolor{
		width: 400px;
		height: 400px;
		background-color: red;
	}
</style>

<body>
 <div class="mycolor">
 	
 </div>


<script type="text/javascript">
	$(document).ready(function(){
		$(".mycolor").click(function(){
			$(this).css({"background-color":"orange"},1000);
		});
	});
</script>

</body>
</html>

＆＃13;

在这里，当你点击你的红色div时，它会将它的颜色改为橙色。如果你想要更多，请告诉我。这对你有帮助。

使用jquery更改div的颜色

5 个答案: