使用jquery修改div元素的背景色(随意颜色,点击DIV即修改)
2019-10-27 19:18
1891 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zhangkaidi00/article/details/102770185
这是效果:
代码:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery.js"></script> <style> div{ width: 200px; height: 200px; background-color: red; } </style> </head> <body> <div></div> <script> $(function(){ $("div").on("click",function(){ $(this).css("background-color","blue"); }); }); </script> </body> </html>
相关文章推荐
- 点击jquery修改div的子元素p的内容为"我是子元素"(使用元素选择器)
- 使用jquery动态修改dom元素属性在IE下的问题
- Android使用selector修改TextView中字体颜色和背景色的方法
- jquery之修改元素样式(样式相关的更有用的命令,使用hasClass()方法)
- jquery 使用each 遍历标签元素,修改标签内容
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- 使用jquery点击一个实现button或连接,进行以下div显示,在点击隐藏
- Jquery点击除了指定div元素其他地方,隐藏该div
- 扩展Jquery的resize方法(原生的resize只针对window,因项目需要扩展了此方法,目前只在DIV上使用过,后续如果修改代码会对此代码进行更新)
- 点击或者按下背景或字体颜色修改使用及注意问题
- 使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体",并添加到"被克隆p元素"的后面
- jquery 当DIV有子元素时,mouseover和mouseout事件同时使用时,会产生闪烁的情况
- jquery 点击空白处隐藏div元素
- 使用jquery当页面打开时,将修改样式的点击事件绑定到Dom
- 使用jQuery筛选排除元素以修改指定标签的属性
- 如何使用jquery 动态修改元素的 background-image?
- 使用Jquery实现点击文字后变成文本框且可修改
- 使用jquery当页面打开时,将修改样式的点击事件绑定到Dom
- 使用Jquery实现点击文字后变成文本框且可修改
- JQuery 点击DIV以外的元素隐藏DIV