jquery中dom節點操作方法empty和remove的區別

m53469發表於2021-09-11

jquery中dom節點操作方法empty和remove的區別

JQuery庫進行dom操作中,刪除的方法有remove()和empty(),它們雖都可以刪除dom節點元素,但是empty方法只是用於清空當前元素中的內容,不會刪除包含自身的節點,也不會返回有意義JQuery物件。而remove方法就是用於刪除元素節點,刪除包含自身的節點,返回被選擇的標籤JQuery物件。

1、刪除內容不同

empty方法:刪除匹配的元素集合中所有的子節點,不包含自身;

用於清空當前元素中的內容,能清空元素中的所有後代節點而元素的標籤部分仍被保留。

remove方法:刪除匹配元素,包含自身。

用於刪除元素節點,該節點與該節點所包含的所有後代節點將同時被刪除;

2、引數使用方式不同

empty方法:根據jQuery 表示式來篩選元素;

remove方法:提供傳遞一個篩選的表示式,刪除指定合集中的元素。

3、返回物件不同

empty方法:不會返回有意義JQuery物件;

remove方法:返回被選擇的標籤JQuery物件。

以上就是在jquery庫進行dom操作中,刪除方法remove()和empty()的區別,不過它們呼叫後,只是從DOM中刪除了對應的節點或內容,但網頁的原始碼中不作改變哦~更多JavaScript學習推薦:。

推薦操作環境:windows7系統、jquery3.2.1版本,DELL G3電腦。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2819/viewspace-2831078/,如需轉載,請註明出處,否則將追究法律責任。

相關文章