使用jQuery怎么對(duì)DOM進(jìn)行操作？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
一.DOM操作分為3類
1.DOM Core
DOM Core不是Javascript的專屬品,任何一種支持DOM的編程語言都可以使用它.它的用途不僅限于處理一種使用標(biāo)記語言編寫出來的文檔
2.HTML-DOM
比DOM Core出現(xiàn)的更早,它提供了一些更加簡明的標(biāo)記來描述各種HTML-DOM的元素屬性
3.CSS-DOM
CSS-DOM 失針對(duì)CSS的操作,在JavaScript中,只要作用是獲取和設(shè)置style對(duì)象各種屬性
二.樣式操作
1.直接設(shè)置樣式值
重慶分公司
重慶分公司
css(name,value) //設(shè)置單個(gè)屬性
css({name:value,name:value,name:value....}) //同事設(shè)置多個(gè)屬性2.追加樣式和移除樣式
addClass(class) //追加樣式 removeClass(class) //移除樣式
3.切換樣式
taggleClass() //可以切換不同元素的類樣式
三.類容操作
1.html代碼操作
html([content]) //可選,規(guī)定備選元素的新類容,該參數(shù)可以包含HTML標(biāo)簽,無參數(shù)時(shí),表示被選元素的文本類容
2.標(biāo)簽類容操作
text([content]) //可選,規(guī)定被選元素的新文本類容. 注釋,特殊字符會(huì)被編碼.無參數(shù)時(shí),表示獲取元素的被選類容
3.屬性值操作
val([value])
四.節(jié)點(diǎn)屬性操作
1.查找節(jié)點(diǎn)
$("xxx")
2.創(chuàng)建節(jié)點(diǎn)
$(selector) //選擇器 $(element) //Dom元素 $(html) //html代碼
3.插入節(jié)點(diǎn)
內(nèi)部插入:append(content) appendTo(content) prepend(content) prependTo(content)
外部插入:after(content) insertAfter(content) before(content) insertBefore(content)
4.刪除節(jié)點(diǎn)
$(selector).remove([expr])
5.替換節(jié)點(diǎn)
$("ul li:eq(1)").replaceWith($xxx)
6.復(fù)制節(jié)點(diǎn)
$(selector).clone([includeEvents])
看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)建站的支持。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、建站服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
