jQuery改变div背景颜色

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jQuery版本/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
//$("div").css("background",red)
</script>
<title>练习测试</title>
</head>
<body>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
</body>
</html>

不知道怎末写了,自学中,希望大佬能点一下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").css("background-color","red");
});
</script>
<title>练习测试</title>
</head>
<body>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>
</body>
</html>追问

如果我做一个鼠标位于元素上方背景变色,和不再元素上方时变其他颜色时,应该怎末连接?

能否告知一下应该如何嵌套。感谢!!

追答

不是很懂你的意思。是不是如果鼠标移动上去,当前行背景颜色变化,移开之后,背景变回来?
如果是的话,js这样写:

$(document).ready(function(){
$("div").mouseover(function(){
$(this).css("background-color","red");
});
$("div").mouseout(function(){
$(this).css("background-color","#fff");
});
});

追问

很感谢。我还想问一下,我图片中写入的代码哪里出错了,是$("div").css("background","red");这句话有问题吗?
还是$(this)..这个应该怎末理解。麻烦了。

追答

$("div").css("background-color","red"),是没有问题的,但是这个是给所有的div全部加上背景颜色。

$(this)是给当前鼠标指向的对象,具体你可以看看jquery关于this和$(this)。

追问

很感谢。

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答