$().click()和$().on('click',function(){})的区别

使用 on()方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。
这两者在绑定静态控件时没区别,但是绑定动态控件时只能用on()
下面的例子使用click()时,后面追加的元素不会被删除,而使用on()方式可以。

  • 原来的html-on
  • 原来的html-click
//两个添加
        $("#newon").click(function(){
            $(".li").append("
  • 用on添加的
  • ") }); $("#newclick").click(function(){ $(".li").append("
  • 用click添加的(删除不了)
  • ") }); //两个删除 $(".li").on("click",".del-on",function(){ $(this).parent().remove(); }); $(".del-click").click(function(){ $(this).parent().remove(); })

    干一行,爱一行,学到老,活到老~~

    你可能感兴趣的:($().click()和$().on('click',function(){})的区别)