<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>
<style>
.active{
color:pink
}
.sub-nav-active{
color:red
}
.pp{
color:green
}
</style>
<script>
$(function(){
$(".nav-item").hover(function(){
$(this).toggleClass("active")
.siblings(".nav-item.active")
.end()
.next('.sub-nav-show').toggleClass('sub-nav-active')
.next(".nav-show").toggleClass("active")
})
})
</script>
</head>
<body>
<ul>
<li>
<dl class="nav-item">新增样式 active</dl>
<div class="sub-nav-show">新增样式 sub-nav-active</div>
<div class="nav-show">新增样式 active</div>
<dl class="nav-item">新增样式 active</dl>
<div class="sub-nav-show">新增样式 sub-nav-active</div>
<div class="nav-show">新增样式 active</div>
<dl class="nav-item">新增样式 active</dl>
<div class="sub-nav-show">新增样式 sub-nav-active</div>
<div class="nav-show">新增样式 active</div>
</li>
</ul>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）