一.DOM操作分為3類

1.DOM Core

     DOM Core不是Javascript的專屬品,任何一種支持DOM的編程語言都可以使用它.它的用途不僅限於處理一種使用標記語言編寫出來的文檔

2.HTML-DOM

    比DOM Core出現的更早,它提供了一些更加簡明的標記來描述各種HTML-DOM的元素屬性

3.CSS-DOM

    CSS-DOM 失針對CSS的操作,在JavaScript中,只要作用是獲取和設置style對象各種屬性

二.樣式操作

1.直接設置樣式值

css(name,value)   //設置單個屬性

css({name:value,name:value,name:value....})   //同事設置多個屬性

2.追加樣式和移除樣式

addClass(class)  //追加樣式

removeClass(class)    //移除樣式

3.切換樣式

taggleClass()    //可以切換不同元素的類樣式

三.類容操作

1.html代碼操作

html([content])  //可選,規定備選元素的新類容,該參數可以包含HTML標簽,無參數時,表示被選元素的文本類容

2.標簽類容操作

text([content])  //可選,規定被選元素的新文本類容.  注釋,特殊字符會被編碼.無參數時,表示獲取元素的被選類容

3.屬性值操作

val([value])    

四.節點屬性操作

1.查找節點

$("xxx")

2.創建節點

$(selector)  //選擇器

$(element)  //Dom元素

$(html)       //html代碼

3.插入節點

內部插入:append(content)  appendTo(content)   prepend(content)   prependTo(content)

外部插入:after(content)   insertAfter(content)   before(content)   insertBefore(content)

4.刪除節點

$(selector).remove([expr])

5.替換節點

$("ul li:eq(1)").replaceWith($xxx)

6.復制節點

$(selector).clone([includeEvents])