使用jquery修改div元素的背景色(随意颜色,点击DIV即修改)
2019-10-27 13:09
597 查看
代码如下所示：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.3.1.js"></script>
</head>
<body>
<div id="myDiv">修改div元素的背景颜色</div>
<script type="text/javascript">
$(function(){
$("div").on("click",function(){
$(this).css({background:"yellow"});
});
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用jquery修改div元素的背景色(随意颜色,点击DIV即修改)
- 点击jquery修改div的子元素p的内容为"我是子元素"（使用元素选择器）
- 点击jquery修改div的子元素p的内容为"我是子元素"（使用元素选择器）
- 点击DIV，修改第二个p元素的背景色为"orange"
- 使用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实现点击文字后变成文本框且可修改