一.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])

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持武林網！