DOM操作的分類

????DOM操作分為3個方面，即DOM Core（核心）、HTML-DOM和CSS-DOM。

DOM Core

????JavaScript中的getElementById()、getElementByTagName()、 getAttribute()和setAttribute()等方法，這些都是DOM Core的組成部分。

HTML_DOM

????document.forms;
????element.src;
????element.alt;

CSS_DOM

????CSS_DOM 是針對CSS的操作。
????CSS-DOM技術的主要作用是獲取和設置style對象的各種屬性。
????例如： element.style.color=“red”;

each()

??定義和用法：
????each() 方法為每個匹配元素規(guī)定運行的函數(shù)。
????提示：返回 false 可用于及早停止循環(huán)。
????語法：
????$(selector).each(function(index,element))
????參數(shù)描述：
????index - 選擇器的 index 位置
????element - 當前的元素（也可使用 "this" 選擇器）
????eg:$("li").each(function(){ alert($(this).text()) });

操作內容

????html():設置或返回所選元素的內容(等同于js中的innerHTML)
????text():設置或返回所選元素的文本內容(等同于js中的innerText)
????val():設置或返回表單字段的值(等同于js中的value)

操作“元素”屬性

??1.獲取元素的屬性
????attr(name)
????語法：$(selector).attr(attribute)
??2、設置元素的屬性
???? 2.1 attr(key,value) 設置指定key屬性的屬性值為value
????語法：$(selector).attr(attribute,value)
????2.2 設置多個屬性/值對
????語法:$(selector).attr({attribute:value, attribute:value ...})

刪除元素的屬性

????removeAttr(name) : 刪除指定的屬性
????說明：name表示屬性的名稱。

操作元素的樣式

????1、直接設置樣式屬性: css()方法
????2、獲取樣式和設置樣式
????獲取：$(“#nav”).attr(“class”)
????設置：$(“#nav”).attr(“class”,”nav2”)
????3、增加樣式
addClass(class)
說明：參數(shù)class為樣式名稱，也可以同時增加多個樣式，只需要用空格將其隔開即可。
????addClass(class1 class2…)
????4、移除樣式
????removeClass([class])
????可選。規(guī)定要移除的 class 的名稱。如需移除若干類，請使用空格來分隔類名。如果不設置該參數(shù)，則會移除所有類。
????5、樣式切換
????toggleClass(class)
????說明：參數(shù)class為樣式名稱。其功能是當元素中含有名稱為class的樣式時，刪除該樣式，否則，增加該樣式。
5、判斷是否含有某個樣式
????hasClass(class)
????說明：參數(shù)class為樣式名稱。該方法用來判斷元素中是否含有某個class，如果有，則返回true，
否則返回false。