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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery操作dom節點empty()方法jQuery
- jQuery之empty()與remove()方法jQueryREM
- js中dom節點刪除remove方法JSREM
- jquery中prop和attr的區別jQuery
- Jquery中attr和prop的區別jQuery
- dom節點和vue中template淺談Vue
- 在JavaScript中,DOM物件與jQuery物件的區別與轉換JavaScript物件jQuery
- jquery $(this) 和this的區別jQuery
- JQuery this和$(this)的區別jQuery
- JQuery中html()和val()的用法區別jQueryHTML
- jQuery中css()和attr()方法的區別jQueryCSS
- jQuery關於DOM操作節點一些方法jQuery
- JS中的DOM— —節點以及操作JS
- jQuery和DOMjQuery
- jquery 中的dom操作jQuery
- jQuery中的DOM操作jQuery
- Checkbox點選多次失效原因,源於Jquery中.attr和.prop的區別jQuery
- XML和HTML的主要區別、 jQuery 能做什麼?JavaScript中的“=、==、===”區別?XMLHTMLjQueryJavaScript
- dom解析和sax解析的區別
- DOM(文件物件模型)的12個節點型別物件模型型別
- jquery prop和attr的區別jQuery
- jQuery的html()和text()區別jQueryHTML
- jquery中append、prepend, before和after方法的區別jQueryAPP
- jQuery的AJAX請求中contentType和dataType的區別jQuery
- 【JQuery】DOM物件和JQuery物件的互相轉換jQuery物件
- 使用jquery和使用框架的區別jQuery框架
- 面試題總結:Queue 中 poll()和 remove()有什麼區別?面試題REM
- xpath和dom有什麼區別?
- DOM和BOM有什麼區別?
- jquery中$.get()提交和$.post()提交有區別嗎?jQuery
- PHP isset()與empty()的使用區別詳解PHP
- React 的虛擬 DOM 和 Vue 的虛擬 DOM 有什麼區別?ReactVue
- 原生JS中DOM節點相關API合集JSAPI
- jQuery中onload與ready區別jQuery
- JavaScript學習之DOM(節點、節點層級、節點操作)JavaScript
- DOM節點的種類有哪些?
- XML DOM 新增節點概述XML
- window.onload()函式和jQuery中的document.ready()區別函式jQuery