jquery动态创建元素绑定事件方法

最新推荐文章于 2023-03-08 14:46:38 发布
原创 最新推荐文章于 2023-03-08 14:46:38 发布 · 310 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery

本文介绍了一段JavaScript代码，该代码实现了当点击带有class为img-Close的div时，从数组中移除对应的图片URL，并更新输入框的值，同时删除触发点击事件的元素。 
 $(document).on('click','.img-Close',function () {
        let data = $(this).attr('data-url');
        removeByValue(imgArr,data);
        $(this).parents('.focus_left').next().find('[name=goodswinsrc]').val(imgArr);
        $(this).parent().remove();
    });

这里的img-Close是新增的一个div标签的class
ps：删除标签最好放到代码段最后面，因为删除后$(this)将不会获取到父级等其他DOM

jQuery动态添加元素无法触发绑定事件的解决方法分析
10-18
当动态创建元素时，这些新元素并没有在页面加载时存在，因此它们不会接收到当初为页面初始元素绑定的事件处理程序。 本文主要讨论了两种解决jQuery动态添加元素无法触发绑定事件的方法： 1. 使用`live`方法（已...
jQuery 绑定事件到动态创建的元素上的方法实例
12-10
很容易想到利用输入框的focus事件，当输入框获得焦点时，再调用jQuery的select()方法。 Okay，想法很简单，逻辑似乎也无错。具体我们来看一下现实到底能不能实现。 1.页面构造个表单，放上几个输入框。代码看起来是...
jQuery-on()给动态生成元素绑定事件
ab_er的博客
07-14 1808
jQuery事件处理 on()绑定事件
JQuery为动态元素绑定事件
三明治文鱼的博客
07-27 1969
在前端开发的时候需要一个场景需要为使用AJax动态加载出来的元素绑定一个popup事件，但是发现如果直接在js代码中打开要动态加载的元素的popup的功能无效。本文讨论了出现的原因及解决办法。
jQuery动态添加的元素绑定事件
足各
01-13 232
因为live方法早已经被移除，所以使用on方法。具体使用方法如下： $("div").on("click", ".btn_class", function(){       alert("test"); }); 其中div是指包含了动态添加的元素的那个div，可以是父级，可以是父级的父级，总之只要能包含动态添加的元素就可以； .btn_class是动态添加的那个元素的class。 亲测可...
JQuery给动态添加的元素绑定事件
Call_me_small_pure的博客
09-08 2973
jquery中绑定事件一般使用bind、on或者click，但是这只能是对已经加载好（HTML中创建的元素）的元素定义事件，但很多时候我们需要对都来动态添加（创建）的元素绑定某些事件。在JQ1.7版本以前使用可以通过live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态添加的元素绑定事件 在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况 例如： $(".Lis
【jQuery】对动态添加的元素绑定事件
心生的小鱼专栏
11-19 392
jQuery的出现，大大简化了对dom的操作。对点击事件的绑定，有两种常用的方法。第一种是$(“selector”).click(callback)；第二种是$(document).on(“click”, “selector”, callback)。 1、$(“selector”).click(callback) <li class=”liClass”>1</li> <li class=”liClass”>2</li> <script> $
jquery html动态添加的元素绑定事件详解
10-22
jQuery为我们提供了一种非常方便的方法来为这些动态元素绑定事件。接下来，我们将详细探讨如何使用jQuery为动态添加的HTML元素绑定事件。 首先，需要了解的是，在jQuery中，传统的直接事件绑定方式（如使用`.click...
js实现动态创建的元素绑定事件
10-21
在JavaScript编程中，动态创建元素并为它们绑定事件是常见的需求。这主要涉及到DOM操作和事件处理程序的绑定。在JavaScript中，有多种方法可以实现动态元素的事件绑定，但传统的方法对于新创建的元素可能不起作用。...
jquery动态添加html事件,jquery给动态增加的元素绑定事件
weixin_39801165的博客
06-05 307
用jquery来操作DOM，确实很方便，无论更改样式，还是绑定事件，都很方便，但最近遇到个小问题。原因是通常我们绑定的事件都是在已经存在的元素上用jquery绑定事件。但最近遇到的这个问题是，原来的页面已经生成了，然后会动态增加一些元素，希望这些动态增加的元素也能自动绑定上原来已经有的事件。对问题本身来说，很简单，原因在于，你动态生成html代码并添加到DOM中去的时候，可以把事件写死，也就是不用...
jQuery学习笔记之给动态生成元素绑定事件
小康子的博客
11-10 4027
jQuery动态绑定元素事件
jQuery动态绑定事件的方法（超详细）
zy1992As的博客
03-08 5891
以上只是一些常用的jQuery动态绑定事件的方法，jQuery还提供了许多其他方法来处理事件，如.keydown()、.keyup()、.submit()等等。1..on()：这是一个通用的事件绑定方法，可以用于任何事件类型，包括自定义事件。4..delegate()：这是一种早期的事件委托方法，已被.on()取代。5..live()：这是一种早期的事件委托方法，已被.on()取代。3..bind()：这是一个早期的绑定方法，它允许绑定多个事件处理程序，但已被.on()取代。
关于新创建的元素绑定事件无效（利用事件委托解决问题）
weixin_42060658的博客
10-20 248
$('#dataList').on('click', 'li', function () { // 点击收缩展开 if ($(this).hasClass('open')) { $(this).removeClass('open'); } else { $(this).addClass('ope...
jQuery在元素创建之前绑定事件
asing1elife's blog
10-16 506
jQuery可以实现在元素创建之前就监听该元素，这对于动态创建元素后绑定事件非常有用 更多精彩 更多技术博客，请移步 asing1elife’s blog 问题 对于存在动态添加的元素，则需要动态绑定事件，而为了不导致因为给新元素绑定事件，导致旧元素出现重复绑定的情况。 一般的解决办法是先解绑再绑定 function showTip() { alert(1); ); // 第一次绑...
动态更改table的data—url地址,自动从新局部加载数据。
ku_xin的博客
09-14 4587
欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮这里写代码片 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客这里写代码片 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 ...
jQuery中对动态添加的元素绑定事件
weixin_66990569的博客
10-29 4702
在对元素绑定事件时可能会出现没有效果的情况，这个时候就需要考虑，你绑定的元素是否是动态添加的，动态数据也就是使用jQuery添加的数据，下面就是针对动态数据绑定事件的解决方法；
JQuery实现动态添加的标签元素的点击事件
热门推荐
啊林博客
05-09 2万+
这里所说的动态添加的元素的意思是：用js添加的标签元素 先说一下我遇到的问题： 想对一些数据实现分页，就自己写一个分页功能。用的是bootstrap的分页，在页面获取数据列表后，计算出需要分多少页展示，然后用js生成多个页码（是叫页码吗？）。生成后，点击某个页码跳到相应的页，这时肯定要有点击事件。问题来了，没有点击事件。（最初一脸黑人问号）   这是因为在注册click后，再用...
解决jquery动态创建元素绑定事件失效问题
weixin_30455365的博客
12-15 283
存在问题 在我们使用jquery动态创建元素后往往会遇到一些问题，如： 给.button按钮绑定了点击时间，执行alert:(1); 点击事件代码如下： <script>$("#add").click(function(){ var btn='<input type="button" class="button" value="del" >'; $("#bo...
jquery动态添加元素无法触发绑定的事件的解决方案。
E.C.的博客
05-28 4403
最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发事件。后来在网上查阅了一些资料，发现原来要这样处理：　　先上我出错的代码: 　　<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值