1、jQuery设置css样式
<div style="background-color:#ffffffpadding-left:10px">测试jQuery动态获取padding-left</div>宴首
2、用css()方法返回元素的样式属性
$("div").css("padding-left"))
3、用css()设置样式
$("div").css("color","yellow")
4、设置多个样式
$("晌帆数div").css({"background-color":"yellow","font-size":"200%"})
var css = {
background-color: '#EEE',
height: '500px',
margin: '10px',
padding: '2px 5px' }
$("div"轿森).css(css)
<!DOCTYPE html><html>
<head>
<败档meta http-equiv="碧粗Content-Type" content="text/html charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<script>
$(document).ready(function(){
$("#btn2").click(function(){
$("ol").append($("<li>Appended item</li>").css("color", "#ff0000"))
})
$("ol li").css("color", "#ff0000")
})
</script>
</head>
<body>
<ol>
<li>
List item 1
</li>
<li>察慧乱
List item 2
</li>
<li>
List item 3
</li>
</ol>
<button id="btn2">Append list items</button>
</body>
</html>
1、通旅则过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件,并且准备一个div元素,如下图所示。
2、然后在style标签里声明一个class样式,如下图所示。
3、接下来准备一个事件加载初始化的方法,在jquery中直接用匿名函数即掘弯可,如下图所示。
4、然后通过jquery的addClass方法给div元素添加一个class,如下图所示。
5、移除一个class的样判镇闷式也很简单,如下图所示,通过removeClass即可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)