On( ) click是针对jquery中最后一个附加的div而不是所有附加的div执行的
On( ) click是针对jquery中最后一个附加的div而不是所有附加的div执行的。
在jQuery中，on()方法用于为元素绑定事件处理程序。它可以用于动态添加的元素，以及已经存在的元素。on()方法可以接受多个参数，其中第一个参数是事件类型，第二个参数是选择器，用于指定要绑定事件的元素。
在给定的问答内容中，on() click是一个事件绑定的示例。它指定了一个click事件处理程序，但没有提供具体的选择器。在这种情况下，事件处理程序将应用于最后一个附加的div元素，而不是所有附加的div元素。
这种行为是由jQuery的事件委托机制实现的。事件委托允许将事件处理程序绑定到父元素上，而不是直接绑定到子元素上。当事件触发时，事件将冒泡到父元素，并且jQuery将检查事件的目标元素是否匹配指定的选择器。如果匹配成功，事件处理程序将被触发。
对于这个问题，如果想要针对所有附加的div元素执行事件处理程序，可以使用以下代码：
$(document).on('click', 'div', function() {
// 事件处理程序代码
});这样，无论是已经存在的div元素还是动态添加的div元素，都会触发事件处理程序。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tencentblockchain
相关·内容
首先，我要感谢每一位阅读我的帖子并试图提供帮助或至少花时间阅读我的帖子的人。我正在制作一个选择器，它将在使用ajax开始时在select下面显示所选择的选项。但我的问题是，在执行ajax脚本并显示div之后，表示remove的x只对div中的最后一个选项有效。所以我试着搜索，看看是否有类似的问题，但我只找到了一个新附加<
浏览 3提问于2021-06-25得票数 0
回答已采纳
1回答
打开div内的锚链接。
、、、
我希望防止anchor链接在document body上打开，而在div中呈现。我使用过e.preventDefault()，但我认为JQuery并没有针对那个事件。我正在编程地创建一个ul，并将li从array项追加到它，然后将ul附加到div中。除了ul之外，所有的东西都得到了class，我认为这可能就是它没有针对anchors的原因。问题：
我需要ul上的一个</
浏览 1提问于2016-06-28得票数 1
回答已采纳
2回答
我试图克隆和附加元素。在我追加之后，我添加了一个toggle动画。在第一次点击，它工作得很好。在我得到多个附加元素之后。<div class="parent hide"> <h6>Header</h6> <
浏览 2提问于2015-01-09得票数 0
回答已采纳
嗨，我有一个按钮，它使用()将div添加到我的html中。现在，所追加的每个div都有一个关闭按钮，该按钮使用jquery ()删除附加的div。代码如下所示： $("#image-btn").click(function(){
var $imageElement = $("<<
浏览 0提问于2015-02-24得票数 1
回答已采纳
2回答
我有一个用jQuery制作的滑动分区菜单，但你必须单击分区内的链接才能使其滑动。谁能告诉我如何使div本身可点击？你可以在这里看到菜单和代码：
我尝试过使用CSS来让锚点覆盖整个div，它有时会起作用。你知道这是对还是错？
浏览 3提问于2012-03-29得票数 0
回答已采纳
在中 $( document ).on( 'click', this.selector, this.startImageLightbox);有人对此有想法吗？
浏览 3提问于2015-05-21得票数 2
回答已采纳
我正在尝试理解JS和jQuery，并编写了一些代码将元素附加到DOM中。我尝试创建一个text节点并将其附加到element节点，然后将其附加到第一个div标记，所有操作都在一条语句中完成。我知道这可能是一种糟糕的做法，但我只是想看看这是否可能。它看起来应该可以工作，因为createElement()返回新的element对象，并且我在该对象上调用appendChild()，该对象
浏览 25提问于2021-10-11得票数 1
回答已采纳
我只是在DOM上添加了一个元素，如下所示：在我追加它之后，我需要访问我刚刚创建的元素，以便将click函数绑定到它上，我尝试了：
$("#div_element").append('<a href="#">test</a>
浏览 0提问于2013-04-19得票数 53
回答已采纳
2回答
以下是示例代码片段： // code假设将来会添加id为"addedLater“的div。由于执行上述行时元素不存在，jquery会将事件直接附加到文档中吗？$("add
浏览 0提问于2015-03-18得票数 0
--按照性能将事件处理程序附加到jQuery中的元素的最佳方法是什么？我想将事件处理程序附加到它们的所有元素都是静态的，我们没有任何生成和动态创建的元素：<div class="bar"></div</em
浏览 3提问于2013-06-03得票数 4
3回答
我的JS看起来像这样 menuClickHandler();我有基于ajax的菜单，menuClickHandler用于使它工作，并驻留在一个单独的JS文件中。menuClickHandler将与菜单项相关联的其他函数关联起来。在单击菜单项时，它调用与菜单项关联的函数。假设我有菜单项Jump和一个与它相关的函数JumpHandler。在JumpHandler
浏览 0提问于2015-12-31得票数 4
6回答
因此，我目前正在使用.append()为网页上的所有帖子添加一个功能，但是当页面上加载额外的帖子时，附加的功能不会包含在新内容中--我正在试图想出一种方法来确保所有新内容也都具有附加的功能。$(this).append('<div id="new_feature></div>');
像这样的东西？$(
浏览 5提问于2013-01-12得票数 0
回答已采纳
var html = '<div><a href="#" id="test">Btn</a></div>'; console.log
浏览 1提问于2011-04-18得票数 2
回答已采纳
Add row将克隆div，但是当我继续单击它时，它不会克隆单个元素，而是复制倍数，这里的逻辑有哪些缺陷？ $(this).siblings('.elem').clone().appendTo($(this).siblings('.elem'));<script src="https://ajax.googleapis.com/ajax/li
浏览 4提问于2015-06-09得票数 1
回答已采纳
4回答
问题:每次点击div.a，点击div.b的回调次数加1。var $=jQuery; $("div.a").click(function(){cbf(trgmsg);});function trgmsg(){alert($.now());function cbf(cb){}点击
浏览 0提问于2013-09-11得票数 0
我有一个关于.append("...")的问题。我正在编写一个简单的待办事项列表，并希望在单击附加的"REMOVE“按钮时，通过引用button类来删除列表元素。我认为它不起作用是因为.append()没有改变网站的html代码。至少在点击“添加项目”按钮后，我看不出有什么不同。 你有什么想法吗？提前感谢！var inputText;
$("#addButton").cl
浏览 64提问于2020-04-11得票数 0
回答已采纳
我正在通过Jquery追加项目。但是追加后不能在追加的项上绑定事件。我附加如下>> var item = '<div id="'+newInputId+'" class="col-md-9" style="padding-right: 0px;">';$('#inScopeDiv').append(item); 在添加了这个之后，
浏览 84提问于2016-09-24得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
