js.event之clkick

来源：互联网发布：r语言数据分析实例过程编辑：程序博客网时间：2024/06/08 11:53

会叠加,叠加的的标签没有事件

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>click事件</title>        <script type="text/javascript" src="js/jquery-3.2.1.js" ></script>        <script type="text/javascript">            $().ready(function(){                for(var i=0;i<3;i++)                {                    //会叠加,叠加的的标签没有事件                    $("div").click(function(){                        alert("我是div");                        $("body").append($("<div/>").text("123"));                    });                }            });        </script>    </head>    <body>        <div>我是div</div>    </body></html>

不会叠加，增加的标签没有事件

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>click事件</title>        <script type="text/javascript" src="js/jquery-3.2.1.js" ></script>        <script type="text/javascript">            $().ready(function(){                for(var i=0;i<3;i++)                {                    不会叠加，增加的标签没有事件                    $("div").unbind("click");                    $("div").bind("click",function(){                    alert("我是div");                    $("body").append($("<div/>").text("123"));                    });                                 }            });        </script>    </head>    <body>        <div>我是div</div>    </body></html>

会叠加，叠加的标签有事件

$("body").delegate("div","click",function(){                        $("body").append($("<div/>").text("123"));                    })

阅读全文

0 0