var parentdiv=$('
') //创建一个父div,如果已经有了就获取
parentdiv.attr('id','parent') //给父div设置id
parentdiv.addclass('parentdiv') //添加css样式var childdiv=$('
') //创建一个子div
childdiv.attr('id','child') //给子div设置id
childdiv.addclass('childdiv') //添加css样式
childdiv.appendto(parentdiv) //将子div添加到父div中parentdiv.appendto('parentdiv') //将父div添加到父级中去
}
动态生成的div也是要放在一个父级元素中的吧假设动态生成的div欲放在id="a1"或class="b1"的元素中时,可以用包含包含选择符定义样式,如下:
#id
div{width:100px
height:100px}
.b1
div{width:100px
height:100px}
如果层级比较多的,还是建议在动态生成时将样式选择符加在标签中。
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)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)