jquery 为未来添加的元素创建事件（click等事件）

最新推荐文章于 2024-04-30 20:02:45 发布
最新推荐文章于 2024-04-30 20:02:45 发布
阅读量2.2k 收藏
点赞数
分类专栏： JQuery 文章标签： jquery on
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huihuangjiuai/article/details/42240575
版权
$('.msgWrap').on('click','#delTable',function(){
var num = $(this).next('.number').val();
$('#inputDiv'+num).remove();

});

注:

1.“.msgWrap”为父元素class名

2.“click”为绑定的事件

3."#delTable"为未来添加的元素的id名

4.function方法体内的this为“#delTable”


自jquery1.7之后bind、live逐步弃用，最好用on

青春燃烧的岁月
关注
专栏目录
jq 给未来元素绑定事件
生命不息，学习不止！
04-27 7297
随着DOM结构的复杂化和Ajax等动态脚本技术的运用，有了较多的动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到，在这里就需要用到事件委托方法，JQ事件委托有三种方法live（）、dalegate（）和on（），不过现在live（）、dalegate（）因为弊端已经被淘汰掉，现在我们主要给未来元素绑定事件的方法就是on()。 on()方法进行事件委托(...
为未来元素添加点击事件的两种写法
weixin_33910137的博客
03-01 439
哈哈哈，小七来了，对于经常搬砖撸代码的猴子们，一定会遇到给好多li（死的还是动态字符串拼接生成的（对未来元素添加不到事件的看之前写的事件委托））添加点击事件 第一种： var index=0; for(var i=0;i<li.length;i++){ li[i].index=i;//必须的 li[i].onclick=function(){ alert(1) } } ...
jquery-给未来元素添加事件
weixin_67993323的博客
09-23 1321
delegate()
jquery 为未来元素绑定事件
lfkabb的博客
02-14 2132
今天要讲的是jquery 为未来元素绑定事件，做了一个页面，因为元素都是通过ajax请求得来渲染的，故称未来元素。之前没有进行特殊操作，就当一般元素来写事件，但却没有效果。代码如下： html 主要部分： &lt;div class="box"&gt;&lt;/div&gt; &lt;script id="t1" type="text/...
jquery未来元素绑定事件
热门推荐
u010674395的专栏
09-17 1万+
对未来元素绑定，不能用bind。 1、可以用live代替，但是要注意jquery的版本,根据官方文档，从1.7开始就不推荐live和delegate了，1.9里就去掉live了。  2、不支持live之后什么代替live呢，是on，用法如下所示： //放在$(function(){})里才有效  $(document).on("click", "#testDiv", function(
Jquery为DIV添加click事件的简单实例
10-22
在本例中，我们将探讨如何使用jQuery为一个DIV元素添加click事件，并通过这个实例来深入理解其工作原理。 首先，HTML部分创建了一个带有ID "click_ms" 的链接元素，它的href属性设置为"javascript:void(0)"，以防止...
jquery动态添加元素事件失效问题解决方法
10-25
总之，jQuery的`on()`方法是解决动态添加元素事件失效的关键，它通过在静态父元素上监听事件并转发给动态子元素，实现了对动态内容的事件处理。合理使用`on()`方法，能够帮助我们创建更加动态、响应式的Web应用。
jQuery实现为动态添加的元素绑定事件实例分析
10-18
4. **`onclick` 事件** 是JavaScript原生的事件处理方式，当动态添加元素时，可以在创建元素的同时为它们添加`onclick`事件。例如，在一个搜索结果加载函数中： ```javascript function searchMoveVideo() { $....
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
10-20
这种方式可以为所有当前以及未来所有匹配选择器`.selector`的元素添加事件监听器。事件监听器被绑定在了`document`（或者父级静态元素）上，当事件在DOM中向下传播时，jQuery会检查事件是否应当在选择器`.selector`...
jquery1.10给新增元素绑定事件的方法
10-26
但是，对于之后才添加到DOM中的`tr`元素，上述代码是无法触发事件的，因为事件监听器是在元素创建时就绑定的。而在第二个示例中，我们把事件监听器绑定到了`#dataTable tbody`上，并指定`tr`作为事件委托的子元素...
jQuery中对未来的元素绑定事件用bind、live or on
12-03
对未来的元素绑定事件不能用bind， 1、可以用live代替，但是要注意jquery的版本,根据官方文档，从1.7开始就不推荐live和delegate了，1.9里就去掉live了。 2、推荐用on代替(注：1.7及以上的版本才支持)。用法：on(events,[selector],[data],fn) 代码如下: //放在$(function(){})里才有效 $[removed](“click”, “#testDiv”, function(){ //此处的$(this)指$( “#testDiv”)，而非$(document) }); 3、 当只想为每一个匹配元素的特定事件（像
jquery 绑定元素点击事件--动态生成元素
yangqii的博客
09-18 177
参考链接：https://www.cnblogs.com/yangsoon/p/6593021.html 动态生成某个div等元素，需要配置点击事件，可通过上级父层监听class $('#div').on('click','.class',function(){}) 可能会出现点击一次控件多次执行事件的情况，需要先解除父层绑定点击事件。 $(".test-btn"...
Jquery动态生成标签，绑定click，用户点击没反应
最新发布
qq_35410775的博客
04-30 327
为了解决这个问题，你可以使用事件委托（Event Delegation）来绑定事件。这意味着你将事件处理程序绑定到一个父元素（或更高层级的元素）上，然后指定只有当事件发生在特定子元素（如你的。'button' 是container里的button按钮 也可以换成 Id或者class。注：id="container" 是在html里静态的 不是动态生成的；因为你尝试在元素实际添加到 DOM 之前绑定了事件。）通常不会直接绑定到尚未添加到 DOM 的元素上。上边的代码 点击button没有反应。
Jquery给未来元素添加事件
模式情怀的专栏
03-06 2430
&lt;div &gt;   未来元素添加区域&lt;/div&gt;&lt;script&gt;$("div").on("click","div",function(){alert(111);})&lt;/script&gt;
《Android 开发艺术探索》笔记4--View事件分发与滑动冲突
行动者&&职业化
09-07 2017
思维导图View事件分发机制点击事件传递规则事件分发的源码解析View的滑动冲突滑动冲突的解决方式参看文章 思维导图 View事件分发机制 点击事件传递规则 所谓点击事件的事件分发,就是对MotionEvent事件的分发过程,传递给某一个View. 在事件传递中有三个方法是贯穿始终的 dispatchTouchEvent():进行事件的分发 如果事件能传递到View那么此方法一定会被调用,返回值受当前View的onTouchEvent()和下级View的dispatchTouchEvent()的影.
JQ给未来元素添加事件
li3196672779的博客
06-16 1342
$(function(){ $('#btn').click(function(){ var h1 = document.createElement('h1'); h1.innerHTML='他们又坐下了'; $('#box').append(h1); }) // $('h1').click(function(){ // alert('你说
jquery事件on对于未来元素失效的解决办法
不明所以
07-25 4595
替代 未来元素 live() 方法的on()方法，正常写法 $('.cla').on('click',function(){ alert('aa'); }); 发现以上写法不能将事件绑定到动态创建的对象上，更改后的写法为 $(document).on('click','.cla',function(){ alert('aa'); }); 此写法验证可行，道理是 是通过前
jquery 绑定未来元素事件
lixiaonaaa的博客
03-16 1079
1，用js动态生成dom元素很常见，那么给这种动态生成的元素如何绑定事件呢？首先排除click，是肯定不好用的。下面来介绍集中方法。 1) 直接行内绑定 <div onClick="doSomething()"></div> 2) delegate 先看下官方解释 $('body').delegate('div','click',function(){ // do something…… }) 3）on on绑定结合了click和delegate二者的功
微信开发遇坑事件---未来元素点击事件
yaofare的博客
03-19 540
相信不少人在微信里开发过网页,在非a/button标签时,页面没刷新生成的新元素我们一般都用$(document).unbind('click',".preview_imag").on('click',".preview_imag",function(){            alert(33);        });这样的写法,但是微信里这样点击是没效果的,怎么做呢?很简单 css里这样写即可...
使用jQuery为Webkit添加触摸事件支持
"这篇分享主要介绍了如何为jQuery添加对Webkit浏览器（如Safari和Chrome在移动设备上的版本）的触摸事件支持。作者Indream Luo提供了相应的JavaScript代码，旨在帮助开发者实现响应式网页并兼容移动设备。" 在移动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值