JQuery元素屬性和樣式操做、以及設置元素和內容

1、JQury元素屬性操做
經過JQuery能夠對元素自己的屬性進行操做，包括獲取屬性的屬性值，設置屬性的屬性值，而且能夠刪除屬性值（attr()和removeAttr()）。
2、JQuery樣式操做
元素樣式操做包括了：直接設置css樣式、增長css樣式、類別切換、刪除類別。
例如：
$('div').css('color');//獲取元素行內的css樣式顏色。
$('div').css('color'. 'pink');//設置我最喜歡的粉色。
var box = $('div').css(['color','height','width']);//這裏獲得的是一個對象數組。
順便講一下數組的遍歷：兩種方法
第一種
for(var i in box){
box[i];
}
第二種
$.each(box,function(attr,value){//遍歷JavaScript原生態對象
attr+":"+value;
})
爲某div定義多個樣式：

div樣式點擊切換：

3、JQuery DOM簡介
在JQuery中，已經將最經常使用的DOM操做方法進行的封裝（不須要考慮，瀏覽器的兼容性）。
D表示頁面文檔的Document
O表示對象，即一組含有獨立特性的數據集合
M表示模型，即頁面上的元素節點和文本節點。
DOM有三種形式，標準DOM、HTMLDOM、CSSDOM，此刻並不須要深入理解它。
樹形結構用來表示DOM，就很是貼切。大部分操做都是元素節點操做，還有少部分文本節點操做。
4、設置元素內容