jQuery on()方法 jQuery删除节点的三个方法：remove empty detach

最新推荐文章于 2023-03-04 15:32:01 发布

power0405hf

最新推荐文章于 2023-03-04 15:32:01 发布

阅读量990

点赞数

分类专栏：前端 javascript jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/power0405hf/article/details/47100567

版权

前端同时被 3 个专栏收录

47 篇文章 0 订阅

订阅专栏

javascript

23 篇文章 0 订阅

订阅专栏

jQuery

3 篇文章 0 订阅

订阅专栏

1.on（）

jQuery on()方法是官方推荐的绑定事件的一个方法。
(1.8版本后不推荐使用bind（），delegate( )，live（）方法，live方法1.9后已经废除)
$(selector).on(event,childSelector,data,function,map)

2.删除节点

方法名	参数	被移除的元素所绑定的事件及数据是否也被移除	元素自身是否被移除
empty	无	是	否
remove	选择器表达式，比如remove(“.class”);remove(“#id”);remove(“tag”)	是	是（无参数时），有参数时要根据参数所涉及的范围。
detach	参数同remove	否	情况同remove

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="jquery-1.11.0.js" ></script>
        <script type="text/javascript">
            $(function() {
                var $div2=$("#div2");
                $div2.data("value", 1);
                $("#detach").on("click", function() {
                    $div2.detach();
                });

                $("#back").on("click", function() {
                    $("#div1").append($div2);
                    console.log($("#div2").data("value"));
                });
            });
        </script>
    </head>
    <body>
        <div id="div1">
            <div id="div2">
                div2
            </div>
            <div id="div3">
                div3
            </div>
        </div>
        <input value="detach" id="detach" type="button" />
        <input value="back" id="back" type="button" />
    </body>
</html>

power0405hf

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery on()方法 jQuery删除节点的三个方法：remove empty detach

1.on（）jQuery on()方法是官方推荐的绑定事件的一个方法。 (1.8版本后不推荐使用bind（），delegate( )，live（）方法，live方法1.9后已经废除) $(selector).on(event,childSelector,data,function,map)2.删除节点removeemptydetach jQuery解读之empty、remove、det
复制链接

扫一扫