码迷,mamicode.com
首页 > Web开发 > 详细

jQuery文档操作--empty()和remove()

时间:2018-12-03 12:50:56      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:empty   move   文档   nbsp   doc   asc   oct   jquer   height   

   empty()

概述

     删除匹配的元素集合中所有的子节点

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
        <script>
            $(document).ready(function() {
                //empty()删除匹配的元素集合中所有的子节点
                $("button").click(function() {
                    $("div").empty();
                });
            });
        </script>
    </head>

    <body>
        <div style="background-color: #FF0000;width: 130px;height: 50px;">
            <ol>
                <li>第一段话</li>
                <li>第二段话</li>
            </ol>
        </div>
        <button>点击</button>
    </body>

</html>

   remove([expr])

概述

     从DOM中删除所有匹配的元素。

     这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除

参数

    expr  用于筛选元素的jQuery表达式

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
        <script>
            $(document).ready(function() {
                //remove()从DOM中删除所有匹配的元素
                $("button").click(function() {
                    $("div").remove();
                });
            });
        </script>
    </head>

    <body>
        <div style="background-color: #FF0000;width: 130px;height: 50px;">
            <ol>
                <li>第一段话</li>
                <li>第二段话</li>
            </ol>
        </div>
        <button>点击</button>
    </body>

</html>

 

jQuery文档操作--empty()和remove()

标签:empty   move   文档   nbsp   doc   asc   oct   jquer   height   

原文地址:https://www.cnblogs.com/fengfuwanliu/p/10056709.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!