怎么在动态的div中添加div

怎么在动态的div中添加div,第1张

var creatediv= function(){

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) 


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7997870.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存