jQuery改变div背景颜色_IT百科

<!DOCTYPE html>

<html>

<head>

$(document).ready(function(){

$("div").css("background-color","red")

})

</script>

</head>

<body>

<div>风信息和台风路径,可及时准确地提供台风的实时信息、预报信...</div>

</body>

</html>

1、首先打dreamware软件，然后在 body中写入一个 div，把div赋予一个 id方便提取；

2、用css写div属性和初始的背景色，width宽度值；height高度值；background初始的背景色。

3、写进<script>标签，定义一个变量<mydiv>获取前面定义好的div。

4、然后用onmouseover事件，鼠标移动时触发事件，来控制鼠标在div时，背景色变为红色。

5、接着用onmouseout事件，鼠标离开元素时触发事件，来控制div背景色变为绿色，如图所示。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('div').css('background-color', 'blue')。

3、浏览器运行index.html页面，此时div的背景颜色被js动态修改为了蓝色。

欢迎分享，转载请注明来源：内存溢出

jQuery改变div背景颜色