JQuery中on和click的区别

来源:互联网 发布:淘宝游戏专营怎么进入 编辑:程序博客网 时间:2024/05/18 00:24

一、区别

     click不能绑定事件——对动态添加的标签。on可以

二、代码展示

<body><input type="button" value="btnOn" id="btnOn"><input type="button" value="btnClick" id="btnClick"><ul class="li">    <li>原有html<button class="deleOn">delete</button></li>    <li>原有html<button class="deleClick">delete</button></li></ul><script>   $("#btnOn").click(function (){       $(".li").append("<li>on动态html<button class='deleOn'>delete</button></li>");   });    $("#btnClick").click(function(){        $(".li").append("<li>click动态html<button class='deleClick'>delete</button></li>");    });    $(".li").on('click','.deleOn',function(){       $(this).parent().remove();   })   $(".deleClick").click(function(){       $(this).parent().remove();  //绑定事件不起作用   });</script></body>

原创粉丝点击