jQuery委托事件绑定不起作用？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery事件委托

在jQuery中，事件委托是一种优化事件处理的技术，它利用事件冒泡的机制，将事件处理程序绑定到一个父级元素上，从而减少事件处理函数的数量，并实现对动态添加的子元素的事件处理。什么是事件委托？...事件委托是一种将事件处理程序绑定到父级元素上的技术，它利用事件冒泡机制，当子元素触发事件时，事件会冒泡到父级元素，从而触发绑定在父级元素上的事件处理程序。...通过事件委托，我们可以避免为每个子元素都绑定事件处理程序，而是将事件处理集中在父级元素上，从而减少了事件处理函数的数量，提高了性能和代码的可维护性。为什么使用事件委托？...处理动态添加的元素：当页面上的元素是通过动态方式添加到文档中时，事件委托可以自动为这些新添加的元素绑定事件处理程序，而无需手动重新绑定。...提高性能：由于事件委托将事件处理程序绑定到父级元素上，避免了为每个子元素都绑定事件处理程序的开销，从而提高了性能。如何使用事件委托？在jQuery中，我们可以使用on()方法结合选择器来实现事件委托。

2.1K1 0

jquery 事件委托 - delegate()

事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。...事件委托的写法 $(function(){ $list = $('#list'); $list.delegate('li', 'click', function() {...因为这个最后第6个li标签是在绑定click()事件之后创建的，所以这种写法，怎么点击第6个li标签都不会触发click()事件。改写使用事件委托的方式，则第6个li标签可以触发click事件 ?...采用父节点#list使用事件委托的方法，可以绑定新增的click()节点事件。因为这个是利用事件冒泡的原来来实现的。...DOCTYPE html> jquery-3.4.0.

1.9K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

jquery事件绑定

： .on() 　　在选定的元素上绑定一个或多个事件处理函数。　　....trigger(event[,extraParameters]) 　　　　event 　　　　　　一个jquery.event对象。　　　　....triggerHandler(event[,extraParameters]) 　　　　　　event 　　　　　　　　一个 jQuery .Event 对象. 　　　　　　....unbind(event) 　　　　一个jquery.event对象。　　.unbind() 　　　　此签名不接受任何参数。　　...用法：　　　　解除绑定的所有段落都从委托的事件: 　　　　　　$("p").undelegate() 　　　　解除绑定的所有段落的所有委托点击事件: 　　　　　　$("p").undelegate

4.8K7 0

JavaScript 事件委托以及jQuery对事件委托的支持

jquery 对事件委托的支持在jQuery里对事件委托的支持，有以下几个函数： ?...delegate(selector,[type],[data],fn) jquery 的delegate 方法是典型的为事件委托准备的。...从元素中删除先前用.live()绑定的所有事件.(此方法与live正好完全相反。)如果不带参数，则所有绑定的live事件都会被移除。...与live() 相对应，取消绑定，则用下列代码： $("p").die(); 在事件绑定上，jQuery 提供了一种更通用的函数： on(events,[selector],[data],fn)...移除上面on 绑定的委托: $("#box1").off("click","p"); 在网上看到了关于事件委托的总结，感觉挺不错的，就翻译一下贴在这里，跟大家分享一下，如有错误或纰漏，请指出。

1.4K6 0

jquery绑定回车事件

jsp的页面这个是js的代码 //绑定回车事件.../*为了获得兼容性更高的按键绑定支持，使用document.getElementById获取到按钮对象*/ function BindEnterUserName(obj){ var button...ps：这个必须要引入jquery的js的文件

901 0

jquery 绑定click事件

绑定click事件给元素绑定click事件，可以用如下方法： $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery...1 2 4 5 6 选项卡示例通过index()方法可以得到点击事件的元素序号...DOCTYPE html> jquery/jquery... 选项卡二的内容选项卡三的内容这个click事件里面的

5.4K5 0

jQuery on绑定事件问题

DOCTYPE html> jquery/1.10.2/jquery.min.js"> 以前没注意，最近在使用on绑定事件时发现，通过for循环绑定动态绑定时，多个元素最终绑定的都是最后一次事件，不知道用while是不是也是一样，谁有清楚这种现象也可以说一下原因...解决方案：将for里面的绑定逻辑单独写一个函数即可。

3.2K3 0

JS 事件绑定、事件监听、事件委托详细介绍转

在JavaScript的学习中，我们经常会遇到JavaScript的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？...hello1 事件委托事件委托就是利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果。...在实际的代码中我们可能用到jQuery的live()、delegate()、bind()、on()等。事件委托优点 1、提高JavaScript性能。...事件委托可以显著的提高事件的处理速度，减少内存的占用。实例分析JavaScript中的事件委托和事件绑定，这篇文章写得还不错。...说明事件委托可以为新添加的DOM元素动态的添加事件。

10.3K3 1

jQuery 事件绑定和 JavaScript 原生事件绑定

总结一下：jQuery 事件绑定和 JavaScript 原生事件绑定及区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式，分别是 bind、live、delegate、on...",myAlert); 3 4 function myAlert(){ 5 6 alert("我是对话框"); 7 8 } jQuery 事件绑定和 JavaScript 事件绑定的区别...jQuery 中的事件绑定具有叠加性，JavaScript 的事件绑定则是可覆盖的。...看一下示例代码： 1 /* jQuery 绑定事件 */ 2 $(".cnd").click(function(){ 3 console.log("first")} 4...可以发现：使用 jQuery 的事件绑定方法，对同一个元素的 click 事件先后绑定了三个处理函数，结果按顺序都输出了，说明了 jQuery 的事件处理函数是叠加的；而使用 JavaScript

7K2 0

jquery 绑定回车(Enter )事件

window.event : e; if(ev.keyCode==13) { $('#FormId).submit();//处理事件 }...... */ 某个控件： $('#id').keydown(function(e){ if(e.keyCode==13){ $('#FormId).submit(); //处理事件...} }); 取消回车事件： if (window.event.keyCode==13) window.event.keyCode=0 　　//这样就取消回车键了如果想模拟Tab键，只要写成

3.6K2 0

Jquery获取DOM绑定事件

获取到当前正在执行的事件： $('#testDive').bind('click', function(event){alert('event: ' + event.type)}); 获取所有绑定事件：

2.8K2 0

JQuery 事件绑定不生效

一个同时问我，JQuery事件绑定为什么不生效，最好通过查找，发现了问题。一般而言，JQuery事件绑定不生效，是一些新手经常遇到的问题，其实都是简单的问题，大概分两种情况。...在未加载完成之前，通过$("#button1").click方法来进行事件绑定，由于此时未加载完成，实际上$("#button1")是一个空数组，所以最终的结果是未对任何元素进行事件绑定。...那么如何解决这个问题呢，其实这个问题本不应该发生，一般新手比较容易出问题，解决的方式很简单，把事件绑定放在加载完成之后，JQuery的做法是： $(function(){ $("#button1").click...(function () { alert("button1 clicked"); }); }) 绑定事件后移除了元素重新加入再看button2，button2首先通过JQuery...会自动把绑定的事件移除掉了，然后在加入的时候，事件绑定已经不存在了；这种情况应该如何解决呢？

3.4K3 0

JQuery绑定事件与移除事件、动画

绑定事件：bind()、on()、live()、delegate()、keyup()；触发事件：trigger(‘keyup’)、keyup()；解绑事件：unbind()、off()、die...()、undelegate()；符合事件：hover() 、toggle()；事件绑定：bind()； ---- 一、绑定事件 JQuery绑定事件，除 bing() 方法之外...，还有 on()、live()、one() 等事件的绑定方法。...绑定事件分类：（a）绑定单个事件 $("#btn").bind("click",function(){ //代码块 console.log(123); }); （b）同时绑定多个事件..."); } }); JQuery中的 bind()、live()、delegate()事件方法的区别，请查阅： http://www.php100.com/html/program/jquery

3.3K1 0

对事件委托绑定click的事件的解绑

大家都知道解绑事件的jquery写法，很简单： $("xxx").unbind("click"); 然后对于事件委托式的事件绑定，亲测，这种解绑方法是无效的， $(".sideNav>ul").on("..., function (e) { alert("aaa"+$(e.tagert).index()); ｝即使做判断让一部分带有某个class的li标签的ul解绑click，依然无效，事件委托会直接跳过判断...，执行冒泡解决办法：给不想绑定点击事件的li元素阻止冒泡： $(".sideNav>ul>li.c-808").click(function(e){ e.stopPropagation

3.2K6 0

jquery绑定事件的坑，重复绑定问题

我实现点击table表格中的删除按钮，找到当前按钮的祖先元素tr 然后删除该行，但是我首先点击删除的时候要先弹出提示框，是否要下载，这时在点击删除按钮删除，之前没有考虑到事件重复绑定问题，所以每次点击删除的时候就会多选择几行...，之后选择的越来越多，经过网友解答，成功解决，先把重复绑定的删除的click事件解绑再继续绑定，就没问题。

3.1K1 0

前端基础-jQuery简单事件绑定

第4章简单事件绑定所有事件在jquery中都是jquery对象的方法 click(handler) 单击事件 mouseover(handler) 鼠标悬浮事件 mouseout(handler...) 鼠标离开事件 ......function(){ $('#btn').click(function(){ alert("来了老弟~"); }); }); 绑定事件时...，jquery对象中有多个dom元素，则自动给所有元素均绑定事件。

8891 0

jquery事件绑定性能测试

使用jquery对节点绑定事件时，例如绑定click事件，常用的方式有: （1）$('x').click(function (){}); （2）$('x').delegate('childnode',...'click', function (){}); delegate委托方式是jquery后推出的，而且我们经常可以看到有文章推荐使用delegate，delegate方式相比直接绑定有什么优势呢？...测试生成一万个 li 节点，对其进行 click 事件绑定，分别使用上面的两种方式，测出各自的执行事件代码这里使用php动态生成一万个li jquery.js"> $(function (){ var st

1.4K5 0

jQuery（事件和动画-事件绑定移除、动画）

jQuery新增事件推荐将新增事件放置在ready事件中，保证你在添加事件时能够选择到元素。...作用：给选中的元素绑定事件。...js对象 }) }) 动态绑定事件不需要一定放置在ready事件中。...作用：给选中的元素绑定事件。...$(selector).unbind('event'); 注意：jquery大多数元素的事件都会使用新增事件或动态绑定的方式添加。

3.3K1 0

jquery获取元素绑定的事件

一个简单的记录，在调试jquery的事件绑定时会用到。查看某元素是否绑定上了事件。...在JQuery1.8之前： obj=$('div.event');obj.data('events'); 在JQuery1.8中： objs=$('div.event');$...._data(objs[0],'events'); 参考： http://stackoverflow.com/questions/12214654/jquery-1-8-find-event-handlers

5.7K2 0

jquery on绑定click事件执行多次

用$(document).on('click','#XX',function(){...})为元素添加点击事件结果导致事件会执行多次。...出现这种情况是因为每点击一下document就会绑定一遍事件，click事件进行了累加绑定，每调用一次，便增加一次绑定，所以导致触发多次事件。...解决方法：每次绑定前先取消上次的绑定，在这个事件绑定的前面紧挨着加上off或者unbind。

5.2K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭