jquery中的on()和click()有哪些区别-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

jquery中的on()和click()有哪些区别-创新互联

小编给大家分享一下jquery中的on()和click()有哪些区别,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

成都创新互联公司 - 四川联通机房服务器托管,四川服务器租用,成都服务器租用,四川网通托管,绵阳服务器托管,德阳服务器托管,遂宁服务器托管,绵阳服务器托管,四川云主机,成都云主机,西南云主机,四川联通机房服务器托管,西南服务器托管,四川/成都大带宽,机柜大带宽租用·托管,四川老牌IDC服务商

jquery中的on()和click()区别:1、【click()】属于静态加载,当页面加载完,就不再为新增加的元素添加点击事件;2、【on()】属于动态加载,当页面加载完,可以为新增加的元素添加事件,但是必须选定父级元素。

jquery中的on()和click()区别:

  • click()属于静态加载,当页面加载完,就不再为新增加的元素添加点击事件。

  • on()属于动态加载,当页面加载完,可以为新增加的元素添加事件。但是必须选定父级元素。

使用示例:

$("#newclick").click(function(){ 
    $(".li").append('
  • 动态添加的HTML元素clickDelete
  • ');  }); $("#newon").click(function(){      $(".li").append('
  • 动态添加的HTML元素onDelete
  • ');  }); $(".delete").click(function(){      $(this).parent().remove();  });  $(".li").on('click', ".deleteon", function(){     $(this).parent().remove();  }) $(".deleteclick").click(function(){      $(this).parent().remove();  });

    注:on前面的元素必须在页面加载的时候就存在DOM里面。

    看完了这篇文章,相信你对jquery中的on()和click()有哪些区别有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


    分享文章:jquery中的on()和click()有哪些区别-创新互联
    浏览地址:http://kswsj.cn/article/geise.html

    其他资讯