【前端】jquery on绑定div执行多次方法，绑定document执行一次

全栈领域优质创作者

博客专家认证

2023-05-20 08:53:59

// 直接对div对应的class绑定未来事件，可能会执行多次
$(‘div’).off('click', '.table-check-div');

// 对document对应的class绑定未来事件，执行一次
$(document).off('click', 'div.table-check-div');
$(document).on('click', 'div.table-check-div', function () {

...全文

214 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

在jQuery中，实现事件绑定有两种方式，一种是通过事件方法进行绑定(仅限常用事件)，另一种是通过on()方法进行绑定(标准)。jQuery的事件和DOM中的事件相比，省略了开头的“on”，如jQuery中的click()对应DOM中的onclick。并且，jQuery的事件方法允许为一个事件绑定多个事件处理函数，只需多次调用事件方法，传入不同的函数即可。...............

$(document).ready(function() { $("#btn").one("click", function() { alert("我只执行一次哦"); }); });

在使用jQuery on方法监听动态生成的div元素的点击事件，每点击一次div，就会有一个点击事件绑定在其上，就会执行多少次 $(document).on('click','div',function () { console.log(1) }) 在绑定on之前可先用off对该元素上面的事件解除绑定，这样每点击一次就会绑定一次事件 $(document).off('click','

jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() 　　$("p").bind("click",function(){ 　　　　alert("The paragraph was clicked."); 　　}); 　　

在jQuery的开发过程中，我们往往需要处理各种事件，例如click()，hover()等。在jQuery的API中，我们可以使用不同的方法来将这些事件绑定到特定的元素中。今天这篇文章中，我们将要介绍如何使用bind()，on()，live()和delegate()方法来绑定特定的事件，什么情况下使用，什么情况下不适用它们。希望能够帮助大家更好的了解和使用jQuery的时间处理方法。一

基础知识小馆

577

社区成员

90

社区内容

发帖

与我相关

我的任务

javac#c语言个人社区广东省·广州市

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章