【技術(shù)分享】WEB前端全棧成長計(jì)劃(二階段)-jQuery之DOM進(jìn)階篇(1)
在jQuery入門篇中我們了解了jQuery的基本使用，對jQuery語法、選擇器、入口函數(shù)、鼠標(biāo)事件以DOM文檔獲取與設(shè)置等基本操作，對DOM文檔操作而言，獲取和設(shè)置是較為基礎(chǔ)的，如果對一個已經(jīng)存在的DOM文檔中的
- 進(jìn)行調(diào)整節(jié)點(diǎn)內(nèi)容，直接通過獲取和設(shè)置這兩個方法操作DOM還是很不方便的。
本篇將分享jQuery對DOM文檔的一些進(jìn)階操作，如何操作DOM文檔中元素的添加和刪除。
一、添加元素
JQuery中提供了四方法添加元素
append() 在元素內(nèi)部結(jié)尾插入
prepend() 在元素開內(nèi)部頭插入
after() 在元素之后
before() 在元素之前插入
知識點(diǎn)
append()和perend() 是在被選中元素內(nèi)部開頭或結(jié)尾插入新元素
after()和before() 是在選被中元素之前或之后插入新元素
append 和 prepend 是在被選中元素內(nèi)部開頭或結(jié)尾插入新元素
- 電腦
????????????- 手機(jī)
????????????- 平板
????????????- 服務(wù)器
????????
通過append 和 prepend 向body 批量添加元素
after 和 before 是在被選中元素之前或之后插入新元素
向被選中元素 之前或之后 批量添加元素
二、刪除元素
jQuery中提供了兩個方法刪除元素
remove() 刪除被選中的元素(含所有子元素)
empty() 從被選的元素中刪除子元素
知識點(diǎn)
remove() 方法可以接受一個參數(shù),允許篩選指定的元素進(jìn)行刪除(通過選擇器),但一定要注意它只能作用于同級，不能直接作用于子元素
$(選擇符) 語法返回結(jié)果是一個元素列表，而被選中元素中如果有子元素是不包含在這個列表中的，所以當(dāng)你remove(子元素)時因?yàn)榱斜碇袥]有包含子元素所以刪除是無效的，也是為什么remove()只能用于同級元素篩選刪除的原因。
remove和empty 進(jìn)行元素刪除
empty()從被選的元素中刪除子元素
????????我是老大
????????????我是老四
????????????我是老五
????????實(shí)例代碼已上傳我的Gitee有需要的可以去下載
https://gitee.com/net_master/Ajax_Node/tree/master/jQuery
寫給自己：通過對jQuery的學(xué)習(xí)可以幫助我們快速的熟悉js操作DOM文檔的各類基礎(chǔ)，函數(shù)庫和框架對我們而以僅僅都只是工具而以，能夠熟練掌握常見的運(yùn)用，但手冊內(nèi)容還是要粗略的過一遍讓自己產(chǎn)生一些印象，等需要使用的時候可以翻查手冊，一定不要徘徊在同一個節(jié)點(diǎn)上，要一直向前，切不可鉆牛角尖。
書山有路勤為徑，學(xué)海無涯苦作舟!!!
zhoubo
2020.8.6 at Great 108
jQuery
版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。
版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。
相關(guān)文章
