使用jQuery怎么對DOM進行操作

使用jQuery怎么對DOM進行操作？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

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

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。