js中dom節點刪除remove方法

本文教程操作環境：windows7系統、jquery3.2.1版本，DELL G3電腦。

1、remove方法

將元素自身移除，同時也會移除元素內部的一切，包括繫結的事件及與該元素相關的jQuery資料。

繫結的事件是否同時被移除，刪除自身（無引數時），有引數時要根據引數所涉及的範圍決定。

2、使用語法

strong.remove()

3、使用引數

選擇器表示式，比如remove(“.class”);remove(“#id”);remove(“tag”):

4、使用例項

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
  	 remove方法：
	  1.該節點與該節點所包含的所有後代節點將同時被刪除
  	  2.提供傳遞一個篩選的表示式，刪除指定合集中的元素*/
    $(document).ready(function() {
        $(".aa").on('click', function(){
			$(".aa").remove();//刪除整個div塊及元素
		})
		 $(".bb").on('click', function(){
			 $("span").remove(":contains('阿姨')");//刪除所內容中有含有“阿姨”的span
		})
    });    
    </script>

透過remove方法可以刪除dom節點內部所有元素，而且remove內部會自動操作事件銷燬方法，所以使用使用起來非常簡單哦~更多JavaScript學習推薦：。

js中dom節點刪除remove方法

相關文章