Jquery绑定动态添加的元素的点击事件

最新推荐文章于 2024-07-12 11:14:33 发布

原创最新推荐文章于 2024-07-12 11:14:33 发布 · 834 阅读

1 ·

CC 4.0 BY-SA版权

Jquery 专栏收录该内容

1 篇文章

订阅专栏

这篇博客探讨了jQuery中事件绑定的三种方式，尤其是针对`change`事件的处理。作者发现最后一个绑定方式会导致函数执行三次，怀疑是嵌套选择器的问题。尽管能正常运行，但作者提到可能与jQuery版本有关，并且提到了`$(document).ready()`的作用。博客内容侧重于前端开发中的JavaScript和jQuery实践。

$('#tb_Reviewer').on('change', 'tr>td>#checkItem', function () {
		alert('Jachin');
		console.log("3r2r1");
	});
	$('#tb_Reviewer').on('change', '#checkItem', function () {
		console.log("问题去套娃");
	});

	$('#tb_Reviewer').on('change', 'tr,td,#checkItem', function () {
	
		console.log("范围广");
	});

前两种正常，最后一个会执行三次，不知道是不是因为嵌套层的问题

$(document).ready(function () {});

需要包在上面这个里面才执行，但是之前直接写在Script标签里面也执行了，不知道是不是引用的jquery版本问题

下图是我的视图结构