如何给动态生成的div加css样式

动态生成的div也是要放在一个父级元素中的吧

假设动态生成的div欲放在id="a1"或class="b1"的元素中时，可以用包含包含选择符定义样式，如下：

#id div{width:100pxheight:100px}

.b1 div{width:100pxheight:100px}

如果层级比较多的，还是建议在动态生成时将样式选择符加在标签中。

获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。

-.css('height') 和 .height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用.height() 方法 。

-这个方法同样能计算出window和document的高度。

$(window).height() // returns height of browser viewport

$(document).height()// returns height of HTML document

-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。

-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。

-这个方法不适用于window and document对象，可以使用.height()代替。

1

如果学WEB，w3school是一个非常有用的网站，总能找到你需要的东西。

2

如下图所示，这是w3school中对jquery属性 *** 作方法的介绍。

3

attr()可以设置和获取class属性。

设置：

$("img").attr("class","intro")

获取：

$("img").attr("class")

注：

attr()是将原有的class属性设置为新的class属性，不是在原来的基础上添加新的class属性。

4

那如果要在原来的class样式基础上添加新的样式要使用什么方法呢？

那就是addClass()方法。

5

addClass()可以添加一个或多个class属性。

添加一个class属性:

$("img").addClass("intro")

添加多个class属性：

$("img").addClass("intro1 intro2")//属性之间用空格分隔。

注：

当多class样式作用于一个元素上时，后添加的class样式会覆盖之前的。

6

示例：

$(document).ready(function(){ $("button").click(function(){$("p:first").addClass("intro1 intro2") })})

<style type="text/css">.intro1{font-size:120%color:red}.intro2{color:blue}</style>

<p>This is a paragraph.</p>

添加了两个class样式，后面的样式覆盖了之前的。所以字体显示是蓝色的。

---