www.gsyw.net > jquEry 动态更改 Div 背景色?

jquEry 动态更改 Div 背景色?

默认是使用了jquery 第一种直接修改:$("#ID").css({"background-color":"颜色值"}); 第二种使用预定义的css:$("#ID").removeClass("旧颜色class")$("#ID").addClass("新颜色class")

<div class="colordiv"><div>1</div><div>2</div><div>3</div></div>-------------------------------$(document).ready(function(){ $(".colordiv div").css("background-color","#FF0000"); $(".colordiv div").click(function(){ $(".colordiv div").css("background-color","#FF0000"); $(this).css("background-color","#00FF00"); }) })

<html><head><script language="javascript">function a(){ document.getElementById("d").style.background="red";}</script></head><body onload="a()"><div id="d"></div></body></html>

修改border样式就可以了需要结构,以div的class为"bank"为例:css部分:.back_active{border:1px solid red;}jquery部分:$(".bank").click(function(){ if($(this).hasclass("bank_active")) return; $(".back_active").removeclass("back_active"); $(this).addclass("back_active");});

jquery使css设定好背景颜色的div去掉背景颜色,我们首先需要的就是获取到你要做这个特效的元素,jquery的话一般是都过$('#元素id'),然后在通过改css来更改这个的背景颜色,或者去掉,具体我写代码来提现: <html> <head> </head> <script> $(function(){ $('#div1').css('background','none') }) </script> <body> <div id='div1'> <p>我没有背景颜色了</p> </div> </body> </html> 这样就实现了,用jquery去掉背景颜色了.

用jQuery实现很简单 1、变高: $("#divId").height($("#divId").height() + 10); 2、变宽: $("#divId").width($("#divId").width() + 10); 3、变背景色: $("#divId").css('background', 'red');

把JS代码改成这样$(document).ready(function() {$(".test").click(function(){ $(this).css({"background-color": "red"});});});

可以在层上加上onmouseover事件123

document.getElementById(button2).style.backgroundImage="url(img/123.gif)"

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script><style>.selected { background-color: green; }</style><script>

相关搜索:

网站地图

All rights reserved Powered by www.gsyw.net

copyright ©right 2010-2021。
www.gsyw.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com