這篇文章主要介紹“jquery如何從dom刪除所有匹配的元素”,在日常操作中,相信很多人在jquery如何從dom刪除所有匹配的元素問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”jquery如何從dom刪除所有匹配的元素”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
方法:1、利用“$("dom元素")”獲取指定的元素對象;2、利用“元素對象.remove(元素過濾條件)”刪除指定的元素即可,remove()方法的作用就是從DOM中刪除所有匹配的元素,元素中綁定的事件、附加的數據等都會被刪除。
本教程操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
remove()方法從DOM中刪除所有匹配的元素。
這個方法不會把匹配的元素從jQuery對象中刪除,因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外,其他的比如綁定的事件,附加的數據等都會被移除。
remove() 方法移除被選元素,包括所有的文本和子節點。
該方法也會移除被選元素的數據和事件。
語法為:
$(selector).remove()
示例如下:
從DOM中把帶有hello類的段落刪除
HTML 代碼:
<p class="hello">Hello</p> how are <p>you?</p>
jQuery 代碼:
1、利用“$("dom元素")”獲取指定的元素對象
2、利用remove直接刪除即可。
$("p").remove(".hello");輸出結果:
how are <p>you?</p>
到此,關于“jquery如何從dom刪除所有匹配的元素”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。