52-jQuery删除节点相关方法_jquery中删除节点方法-CSDN博客

本文链接：https://blog.csdn.net/yangyalun/article/details/84305059

学习了jQuery的删除节点一些方法。

remove和detach的用法一模一样，删除指定元素。

empty的用法是删除指定元素的内容和子元素，但指定元素本身不被删除，有清空的意思。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>52-jQuery删除节点相关方法</title>
    <script src="JS_file/jquery-1.12.4.js"></script>
    <script>
         $(function () {
                 //    编写jQuery相关代码
          /*
            删除
             remove([expr])
            empty()
            detach([expr])
          */
            $("button").click(function () {
                //删除指定元素
                // $("div").remove();
                //删除指定元素的内容和子元素，指定元素自身不会被删除
                // $("div").empty();
                //和remove的用法一模一样
                $("li").detach(".item")
            })


         })
    </script>
</head>
<body>
<button>删除节点</button>
<ul>
    <li class="item">我是第1个li</li>
    <li>我是第2个li</li>
    <li class="item">我是第3个li</li>
    <li>我是第4个li</li>
    <li class="item">我是第5个li</li>
</ul>
<div>我是div
    <p>我是段落</p>
</div>
</body>
</html>