使用jQuery怎么對DOM進行操作?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
超過十余年行業(yè)經(jīng)驗,技術領先,服務至上的經(jīng)營模式,全靠網(wǎng)絡和口碑獲得客戶,為自己降低成本,也就是為客戶降低成本。到目前業(yè)務范圍包括了:網(wǎng)站設計制作、做網(wǎng)站,成都網(wǎng)站推廣,成都網(wǎng)站優(yōu)化,整體網(wǎng)絡托管,成都小程序開發(fā),微信開發(fā),App定制開發(fā),同時也可以讓客戶的網(wǎng)站和網(wǎng)絡營銷和我們一樣獲得訂單和生意!
一.DOM操作分為3類
1.DOM Core
DOM Core不是Javascript的專屬品,任何一種支持DOM的編程語言都可以使用它.它的用途不僅限于處理一種使用標記語言編寫出來的文檔
2.HTML-DOM
比DOM Core出現(xiàn)的更早,它提供了一些更加簡明的標記來描述各種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]) //可選,規(guī)定備選元素的新類容,該參數(shù)可以包含HTML標簽,無參數(shù)時,表示被選元素的文本類容
2.標簽類容操作
text([content]) //可選,規(guī)定被選元素的新文本類容. 注釋,特殊字符會被編碼.無參數(shù)時,表示獲取元素的被選類容
3.屬性值操作
val([value])
四.節(jié)點屬性操作
1.查找節(jié)點
$("xxx")
2.創(chuàng)建節(jié)點
$(selector) //選擇器 $(element) //Dom元素 $(html) //html代碼
3.插入節(jié)點
內部插入:append(content) appendTo(content) prepend(content) prependTo(content)
外部插入:after(content) insertAfter(content) before(content) insertBefore(content)
4.刪除節(jié)點
$(selector).remove([expr])
5.替換節(jié)點
$("ul li:eq(1)").replaceWith($xxx)
6.復制節(jié)點
$(selector).clone([includeEvents])
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。