小兔网

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

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

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

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

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

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

使用示例:

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

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

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

以上就是jquery中的on()和click()区别是什么的知识。速戳>>知识兔学习精品课!