jquery 向DIV动态添加元素

1、通旅则过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即掘弯可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样判镇闷式也很简单，如下图所示，通过removeClass即可。

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) 

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

-.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()代替。

---