首页 >web前端 >js教程 >jquery中的on()和click()区别是什么

jquery中的on()和click()区别是什么

coldplay.xixi
coldplay.xixi原创
2020-11-25 16:55:514780浏览

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

jquery中的on()和click()区别是什么

  • 该方法适用于所有品牌电脑

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

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

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

使用示例:

$("#newclick").click(function(){ 
    $(".li").append(&#39;<li>动态添加的HTML元素click<button class="deleteclick">Delete</button></li>&#39;); 
});
$("#newon").click(function(){ 
    $(".li").append(&#39;<li>动态添加的HTML元素on<button class="deleteon">Delete</button></li>&#39;); 
});
$(".delete").click(function(){ 
    $(this).parent().remove(); 
}); 
$(".li").on(&#39;click&#39;, ".deleteon", function(){
    $(this).parent().remove(); 
})
$(".deleteclick").click(function(){ 
    $(this).parent().remove(); 
});

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

相关免费学习推荐:javascript(视频)

以上是jquery中的on()和click()区别是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn