jquery on()与click()之间有什么区别?

jquery on()与click()之间有什么区别?下面本篇文章就来给大家介绍一下on()与click()的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

jquery on()与click()的区别

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

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

【推荐:jQuery视频教程

on() 方法:

on()方法是在备选元素及子元素上添加一个或多个事件的处理程序

on()方法绑定事件适用于当前元素以及在未来动态生成的元素

click():

单纯的Jquery 点击事件,在静态控件时于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()方法可以处理动态生成的元素标签事件,click()事件不行

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

更多jQuery相关技术文章,请访问 jQuery答疑 栏目进行学习!!

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

推荐阅读

    2010年底DIY硬件总结和安装参考

    2010年底DIY硬件总结和安装参考,,它似乎只是一眨眼的功夫从过去的最后一眼。看看现在的岗位似乎就在昨天,但看看当年的内容是真的走了,如果

    保存硬盘上的数据,谁更有价值

    保存硬盘上的数据,谁更有价值,,常用的数据存储方式有两种:硬盘和光盘。用户或多或少对自己说,好的有很多人。争了,不知道你是否有账户的账号,两

    谁是最好的价值500元

    谁是最好的价值500元,,测试总结和购买建议: CPU性能,Phenom II X4 955领先遥遥领先 我们总结了前面的CPU性能测试成绩与实际游戏测试与f

    19英寸/22英寸宽屏更有价值

    19英寸/22英寸宽屏更有价值,,两种流行LCD现状及未来趋势 2006宽屏后;的洗礼,宽屏液晶显示器已经成为市场的主要力量,这是一个不争的事实。这

    高成本5000元保存最有价值游戏平台

    高成本5000元保存最有价值游戏平台,,一般来说,高性能的产品也有很高的价格,用户将不得不付出巨大代价来保存一套强大的配置。然而,这次与以往

    2500元价值小于家用电脑配置推荐蛇

    2500元价值小于家用电脑配置推荐蛇,,新的一年是蛇年已经开始了,我相信很多年轻的朋友有很多红包和压岁钱,对于没有电脑的朋友,可以在红包内开