jQuery改变div背景颜色

<!DOCTYPEhtml><html><head><metacharset="utf-8"><scripttype="text/javascript"src="jQue... <!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>

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

 我来答

1个回答

#合辑# 机票是越早买越便宜吗？

正经扯
2019-08-27 · 超过26用户采纳过TA的回答

知道答主

回答量：53

采纳率：91%

帮助的人：16.7万

我也去答题访问个人页

关注

展开全部

<!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)。
追问

很感谢。