jQuery on()和click()的区别是什么?

下面就为大家分享一篇基于jquery的on和click的区别详解,具有很好的参考价值,希望对大家有所帮助。

jQuery on()和click()的区别是什么?

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

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

(推荐:jQuery极速入门

使用示例:

$("#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里面。

本文来自jQuery答疑栏目,欢迎学习!

以上就是jQuery on()和click()的区别是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读

    确定java按钮响应事件的代码

    确定java按钮响应事件的代码,,* 阅读本文可以结合最后在java登录窗口界面下面是一个链接。 是定义的容器。 容器(CP =得到内容面板); / /

    90后瓶门事件图片

    90后瓶门事件图片,,现在孩子们还太早,有些女孩子总是在门口等一会儿,最近发生了一次酒瓶门事件。 近日,山东一家寄宿学校的一名女生带着一瓶

    唐山打人事件视频源自哪里

    唐山打人事件视频源自哪里,华为,视频,唐山打人事件视频源自哪里唐山打人事件视频来源于哪里?为什么这个网友人敢于发出这个视频?不怕被威胁

    5元素平板电脑上海维修|五元素平板

    5元素平板电脑上海维修|五元素平板,,五元素平板首先第一步:到自己平板官方网站下载你机子对应的固件包。常见平板的固件下载地址:昂达平板固

    Win7系统怎么打开事件查看器?

    Win7系统怎么打开事件查看器?,查看器,事件, win7系统中有一个事件查看器,事件查看器是重要的系统管理软件,通过它可以了解到某项功能配置、

    苹果7爆炸事件真的吗|iphone爆炸事件

    苹果7爆炸事件真的吗|iphone爆炸事件,,苹果7爆炸事件真的吗两个标志性建筑 。“9·11事件”指的是美国东部时间2001年9月11日上午(北京时间