Jquery事件未在通过循环生成的元素上触发 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

cssjshtml jquery向动态生成的元素添加事件

定义和用法 delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。...规定要附加事件处理程序的一个或多个子元素。 event 必需。规定附加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。 data 可选。规定传递到函数的额外数据。...规定当事件发生时运行的函数。 jquery-1.10.2.js"> Click me!

4.7K1 0

jquery中动态新增的元素节点无法触发事件解决办法

在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的，我们下面就为各位来详细的介绍此问题的解决办法．　　...)，想必后面通过ajax加载进来的列表中的回复按钮，点击事件会失效。　　...其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。...解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法，如下：方法一：使用live 　　live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。...通过live()函数适用于匹配选择器的当前及未来的元素。比如，通过脚本动态创建的元素。

2.7K2 0

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

是的

没有找到

使用jQuery.data()查看元素上绑定的事件

最先想到的是浏览器面板上面的，可以选中元素，看元素上面的事件绑定。但浏览器上面看到的是结果量，也就是看到的是已经丢失了事件的元素，但我还是不知道什么时候丢失的。...我可以断点取到每个阶段的HTMLElement元素的状态，但是，这个时候，我却找不到观察其事件绑定情况的方法。谷歌好久，发现JS原生是没法查看事件绑定情况的。...还好，我们都是用的jQuery，用的$.on()。而jQuery自身事件绑定，额外添加了一层事件数组。...，就会返回这个元素上面绑定的所有事件。...jQuery.data(‘events’)

2.8K0 0

jQuery源码解析之trigger()

一、$().trigger()和$().triggerHandler() 的作用和区别（1）trigger("focus") 触发被选元素上的指定事件（focus）以及事件的默认行为（比如表单提交）...; triggerHandler(xxx) 不会引起事件（比如表单提交）的默认行为（2）trigger(xxx) 触发所有匹配元素的指定事件； triggerHandler(xxx) 只触发第一个匹配元素的指定事件...click //dataPriv.get( cur, "handle" ) //再获取cur元素的click事件处理程序 //获取目标元素的触发事件的事件处理程序...eventPath.push(cur. parentNode)将冒泡元素装进数组中，并通过while循环触发冒泡机制： //触发冒泡机制 // Fire handlers on...click //dataPriv.get( cur, "handle" ) //再获取cur元素的click事件处理程序 //获取目标元素的触发事件的事件处理程序

3K2 0

jquery对象和dom对象的相互转换

1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom...，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。...addClass("selected"); },function(){ $(this).removeClass("selected"); }); （4）trigger(eventtype): 在每一个匹配的元素上触发某类事件...p元素上的所有事件 $("p").unbind("click") //删除所有p元素上的单击事件 10、几个实用特效功能其中toggle()和slidetoggle()方法提供了状态切换功能。

4.5K4 0

jQuery最佳实践

因此，这个事件只需要在父元素绑定1次即可，而不需要在子元素上绑定100次，从而大大提高性能。这就叫事件的"委托处理"，也就是子元素"委托"父元素处理这个事件。具体的写法有两种。...唯一的区别在于，.delegate()是当事件冒泡到指定的父元素时触发，.live()则是当事件冒泡到文档的根元素后触发，因此.delegate()比.live()稍快一点。...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。...尽量少生成jQuery对象每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。...$("#text"); var $ts = $.text($text); 由于后一种针对jQuery函数的版本不通过jQuery对象操作，所以相对开销较小，速度比较快。

1.7K2 0

JavaScript之事件及动画

示例：表格中每一行的编辑和删除按钮都能触发相应的事件。....each() 方法用来迭代jQuery对象中的每一个DOM元素。每次回调函数执行时，会传递当前循环次数作为参数(从0开始计数)。...由于回调函数是在当前DOM元素为上下文的语境中触发的，所以关键字 this 总是指向这个元素。...终止each循环 return false； .date() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。...$("div").removeData("k"); //移除元素上存放k对应的数据插件 jQuery.extend(object) jQuery的命名空间下添加新的功能。

1.7K5 0

Jquery 使用技巧总结

value值设为test $("#msg").click(); //触发id为msg的元素的单击事件 $("#msg").click(fn); //为id为msg的元素单击事件添加函数...//如果存在（不存在）就删除（添加）名称为select的class 9、完善的事件处理功能 Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。..."selected"); },function(){ $(this).removeClass("selected"); }); （4）trigger(eventtype): 在每一个匹配的元素上触发某类事件...//删除所有p元素上的所有事件 $("p").unbind("click") //删除所有p元素上的单击事件 10、几个实用特效功能其中toggle()和slidetoggle

4.1K2 0

jQuery源码解析之你并不真的懂事件委托及target和currenttarget的区别

一、事件委托（委派）含义：在#A上绑定click事件，但是让#B触发click事件，相当于在 #B 上假绑定了 click 事件也就是说：#B 委托了 click 事件给了 #A（在 #A 上绑定...click事件，但只能由子元素触发父元素上绑定的事件 $("#A").on("click" ,"#B",function (e) { console.log("点击了B，即B委托A的click...事件委托的顺序为：（1）先统一处理自身、父元素自身绑定的事件（2）再统一处理自身、父元素委托给祖先元素的绑定事件（3）最后祖先元素处理自身的事件简练说，就是：先处理子元素委托给自身的事件，再处理自身的事件...事件被点击了") }) ---- 三、jQuery 绑定事件上的 event 上的 target、currenttarget 和 delegateTarget 的区别？...jQuery.event.handlers： for循环的意思是：（1）只要cur不等于this，即#A，就一直循环每次循环：（2）将matchedHandlers置为[ ] （3）循环委托绑定的事件数量

8962 1

jquery要怎么写才能速度最快？（转…

(5)$('#parent .child') 这条语句与上一条是同样的情况。但是，上一条只选择直接的子元素，这一条可以于选择多级子元素，所以它的速度更慢，大概比最快的形式慢了77%。...因此，这个事件只需要在父元素绑定1次即可，而不需要在子元素上绑定100次，从而大大提高性能。这就叫事件的"委托处理"，也就是子元素"委托"父元素处理这个事件。具体的写法有两种。...唯一的区别在于，.delegate()是当事件冒泡到指定的父元素时触发，.live()则是当事件冒泡到文档的根元素后触发，因此.delegate()比.live()稍快一点。...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。...尽量少生成jquery对象每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。

2.1K3 0

一文深入JQuery

:就是元素在集合中的索引 element：就是集合中的每一个元素对象 this：集合中的每一个元素对象回调函数返回值： true:如果当前function返回为false，则结束循环(break)。...for(元素对象 of 容器对象) 事件绑定 jquery标准的绑定方式 jq对象.事件方法(回调函数)；注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...表单对象.submit();//让表单提交 on绑定事件/off解除绑定 jq对象.on(“事件名称”,回调函数) jq对象.off(“事件名称”) 如果off方法不传递任何参数，则将组件上的所有事件全部解绑...给开始按钮绑定单击事件 1.1 定义循环定时器 1.2 切换小相框的src属性 * 定义数组，存放图片资源路径 * 生成随机数。数组索引 2....的功能实现方式： $.fn.extend(object) 增强通过Jquery获取的对象的功能 $(“#id”) $.extend(object) 增强JQeury对象自身的功能 $/jQuery

4.8K3 0

JQuery 笔记（二）

JQuery 高级 1. 动画 1. 三种方式显示和隐藏元素 1....for..of: jquery 3.0 版本之后提供的方式 for(元素对象 of 容器对象) 3....事件绑定 1. jquery标准的绑定方式 * jq对象.事件方法(回调函数)； * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...") * 如果off方法不传递任何参数，则将组件上的所有事件全部解绑 3..... $.fn.extend(object) * 增强通过Jquery获取的对象的功能 $("#id") 2. $.extend(object)

4.1K1 0

jquery学习

触发或将函数绑定到被选元素的鼠标悬停事件 jQuery 事件方法方法描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change...() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的 double click...事件 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 die() 移除所有通过 live() 函数添加的事件处理程序。...error() 触发、或将函数绑定到指定元素的 error 事件 event.isDefaultPrevented() 返回 event 对象上是否调用了 event.preventDefault()。...,fn) // 在选择元素上绑定一个或多个事件的事件处理函数。

3.1K4 0

前端基础-JQuery (二)

语法： jquery对象.each(function(index,element){}); * index:就是元素在集合中的索引 * element：就是集合中的每一个元素对象...* this：集合中的每一个元素对象 2....事件绑定 1. jquery标准的绑定方式 * jq对象.事件方法(回调函数)； * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...，则将组件上的所有事件全部解绑 3..... $.fn.extend(object) * 增强通过Jquery获取的对象的功能 $("#id") 2. $.extend(object) * 增强JQeury对象自身的功能

3.3K1 0

jQuery最佳实践

(5) $(‘#parent .child’) 这条语句与上一条是同样的情况。但是，上一条只选择直接的子元素，这一条可以于选择多级子元素，所以它的速度更慢，大概比最快的形式慢了77%。...因此，这个事件只需要在父元素绑定1次即可，而不需要在子元素上绑定100次，从而大大提高性能。这就叫事件的”委托处理”，也就是子元素”委托”父元素处理这个事件。　　...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。...尽量少生成jQuery对象每当你使用一次选择器（比如$(‘#id’)），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。...= $(“#text”); var $ts = $.text($text); 由于后一种针对jQuery函数的版本不通过jQuery对象操作，所以相对开销较小，速度比较快。

1.1K3 0

jQuery最佳实践

(5) $('#parent .child') 这条语句与上一条是同样的情况。但是，上一条只选择直接的子元素，这一条可以于选择多级子元素，所以它的速度更慢，大概比最快的形式慢了77%。...因此，这个事件只需要在父元素绑定1次即可，而不需要在子元素上绑定100次，从而大大提高性能。这就叫事件的"委托处理"，也就是子元素"委托"父元素处理这个事件。　　...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。...尽量少生成jQuery对象每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。...doOneMoreThing(); 　　} 而要改用事件触发的形式：　　function doSomething{ 　　　　$.trigger("DO_SOMETHING_DONE");

2.3K6 0

JS的面试题（一）

，当内层函数在外层函数的外部调用时，就产生了闭包 10.用闭包可以解决什么问题循环绑定事件中获取索引无需全局变量实现变量值递增 11.argums是什么？...(function(){}) window.onload是在页面所有的元素都加载完成后才触发 (function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成 28...$(“em”).empty 39、jquery事件中的click和on(“click”)有哪些区别 on支持事件委托支持多个事件 click 不支持事件委托只能绑定一个事件 40、如何自定义事件...动态生成script标签，src设置成请求地址，通过callback参数向后台传递数据，callback的值就是window下的一个函数，后台获取到callback的值，会生成这个值的函数调用 53...，并将新的元素添加到该列上，然后继续寻找所有列的各元素高度之和的最小者，继续添加至该列上，如此循环下去，直至所有元素均能够按要求排列为止 56、如何实现选项卡？

1K1 0

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

另外，如果在实际的应用中，很有可能同过js在 div1下动态生成p 元素，这时候，我们相应地还要添加事件处理函数，像这种动态添加的动作很有可能分散在我们应用的很多个角落，这样动态添加处理函数将是一个非常蛋疼的事儿...解决方法：利用事件冒泡传递的机制，将本来本元素要完成的事件处理逻辑，委托给父类节点，父类节点根据触发事件的节点信息，执行对应的事件处理逻辑。...fn : 相应的处理函数描述：jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。...selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的的元素，事件总是触发。...第二，理论上委托会导致浏览器额外的加载，因为在容器内的任意一个地方事件的发生，都会运行事件处理函数，所以多数情况下事件处理函数都是在空循环（没有意义的动作），通常不是什么大不了的事儿。

1.4K6 0

【Java 进阶篇】深入浅出：JQuery 事件绑定的奇妙世界

事件绑定是指在特定的 HTML 元素上设置一个监听器，用于捕捉用户触发的事件（比如点击、输入、鼠标移动等），并执行相应的操作。在 JQuery 中，事件绑定通常使用 on 方法来完成。...这只是其中的一小部分，实际上 JQuery 提供了丰富的事件类型，以满足不同场景的需求。事件处理函数在 JQuery 中，事件处理函数是在事件被触发时执行的函数。...通过事件对象，我们可以获取触发事件的元素、鼠标位置、按键状态等信息。让我们通过一个例子感受一下事件对象的魅力：事件冒泡，以防止事件触发到不想被触发的元素上。在 JQuery 中，可以使用 stopPropagation 方法来阻止事件冒泡。...动态事件绑定动态事件绑定是指在页面加载后，通过代码向元素添加事件监听器。这在处理动态生成的元素或在特定条件下才需要绑定事件的元素时非常有用。让我们通过一个简单的例子来演示动态事件绑定： <!

1.3K1 0

简单说 JavaScript中的事件委托（下）

，把事件绑在了ul上，没有给每个 li 都去绑定事件，看上去也是实现效果了，但是如果 li 里面还有子元素，那么这么去绑定事件就不行了，当点击 li 里面的子元素时，就出现问题了。...target.matches('li')){ //如果事件源是 ul 就把事件源赋值为null，跳出循环 //如果事件源不是 ul 就把事件源赋值为事件源的父元素...selector 可选/String类型，一个jQuery选择器，用于指定哪些后代元素可以触发绑定的事件。...如果该参数为null或被省略，则表示当前元素自身绑定事件(实际触发者也可能是后代元素，只要事件流能到达当前元素即可)。...data 可选/任意类型，触发事件时，需要通过event.data传递给事件处理函数的任意数据。 handler Function类型，指定的事件处理函数。

7914 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭