jQuery动态绑定.on()选择父母还是孩子?

Matilda Yi Pan

例如,

$( "#dataTable tbody tr" ).on( "click", function() {
  alert( $( this ).text() );
});

$( "#dataTable tbody" ).on( "click", "tr", function() {
  alert( $( this ).text() );
});

.on()将click事件处理程序绑定到“ tr”。第一个选择子项并直接注册click事件处理程序。第二个选择父项“ tbody”,并选择子项“ tr”作为参数。

它们都是动态绑定吗?它们有相同的效果吗?两者有什么区别?

巴尔玛

不,只有第二个版本是动态绑定。

它应该很容易理解。当您有如下代码时:

$(selector).method(arguments);

jQueryselector在执行代码时查找与匹配的所有元素,然后method在它们上调用如果在首次加载页面时执行此代码,它将仅在初始文档中找到与选择器匹配的元素。如果tr动态添加元素,则第一个版本将找不到它们,因此不会将click事件绑定到它们。

当使用.on()选择器作为第二个参数时,例如

$(outerSelector).on(event, innerSelector, function...);

它的工作原理如下。它找到所有匹配的元素outerSelector,并将事件的处理程序绑定到它们。这些元素必须在调用时存在.on()事件发生时,处理程序将检查目标是否匹配innerSelector,然后执行您的回调函数。这样,事件就可以在动态添加的元素上运行。

因此,一般规则是outerSelector应引用文档中的静态元素,而应innerSelector引用动态元素。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Jquery multiselect中选择带有其父母和孩子的组

来自分类Dev

SQL查询选择孩子和父母

来自分类Dev

这是动态绑定还是静态绑定?

来自分类Dev

MySQL从表中选择父母和孩子

来自分类Dev

jQuery-当孩子有焦点时对父母执行操作

来自分类Dev

jQuery计算父母中最大的孩子数

来自分类Dev

选择匹配的孩子父母的所有孩子表ID

来自分类Dev

jQuery删除孩子并返回父母

来自分类Dev

jQuery根据与父母匹配的类选择器查找孩子

来自分类Dev

将课程应用到孩子的父母,而不是所选的孩子-JQuery

来自分类Dev

如何使用querySelector而不是jQuery查找父母的孩子?

来自分类Dev

jQuery的如何选择父母而不是孩子

来自分类Dev

一旦添加新的孩子,JavaFX便将孩子的财产绑定到其父母的财产

来自分类Dev

如果名称在“父母”或“孩子”上匹配,则选择“父母”

来自分类Dev

从父母到孩子的动态道具绑定

来自分类Dev

JAVA:变量使用静态绑定还是动态绑定?

来自分类Dev

用jQuery获取每个父母的最后一个孩子

来自分类Dev

使用动态身高父母时如何阻止孩子修剪?

来自分类Dev

jQuery计算父母中最大的孩子数

来自分类Dev

动态绑定预输入选择事件(jQuery)

来自分类Dev

jQuery-如何根据孩子的属性选择父母?

来自分类Dev

jQuery的如何选择父母而不是孩子

来自分类Dev

父母和他的孩子在新行中的jQuery总和

来自分类Dev

父母的风格取决于孩子的动态价值

来自分类Dev

如何使用jQuery使孩子成为父母的父母?

来自分类Dev

将孩子绑定到父母

来自分类Dev

如何选择父母的孩子的号码?

来自分类Dev

父母的jquery选择器

来自分类Dev

从不是 jQuery 中祖父母的前两个孩子的父母中选择不是 h3 的孩子节点

Related 相关文章

  1. 1

    如何在Jquery multiselect中选择带有其父母和孩子的组

  2. 2

    SQL查询选择孩子和父母

  3. 3

    这是动态绑定还是静态绑定?

  4. 4

    MySQL从表中选择父母和孩子

  5. 5

    jQuery-当孩子有焦点时对父母执行操作

  6. 6

    jQuery计算父母中最大的孩子数

  7. 7

    选择匹配的孩子父母的所有孩子表ID

  8. 8

    jQuery删除孩子并返回父母

  9. 9

    jQuery根据与父母匹配的类选择器查找孩子

  10. 10

    将课程应用到孩子的父母,而不是所选的孩子-JQuery

  11. 11

    如何使用querySelector而不是jQuery查找父母的孩子?

  12. 12

    jQuery的如何选择父母而不是孩子

  13. 13

    一旦添加新的孩子,JavaFX便将孩子的财产绑定到其父母的财产

  14. 14

    如果名称在“父母”或“孩子”上匹配,则选择“父母”

  15. 15

    从父母到孩子的动态道具绑定

  16. 16

    JAVA:变量使用静态绑定还是动态绑定?

  17. 17

    用jQuery获取每个父母的最后一个孩子

  18. 18

    使用动态身高父母时如何阻止孩子修剪?

  19. 19

    jQuery计算父母中最大的孩子数

  20. 20

    动态绑定预输入选择事件(jQuery)

  21. 21

    jQuery-如何根据孩子的属性选择父母?

  22. 22

    jQuery的如何选择父母而不是孩子

  23. 23

    父母和他的孩子在新行中的jQuery总和

  24. 24

    父母的风格取决于孩子的动态价值

  25. 25

    如何使用jQuery使孩子成为父母的父母?

  26. 26

    将孩子绑定到父母

  27. 27

    如何选择父母的孩子的号码?

  28. 28

    父母的jquery选择器

  29. 29

    从不是 jQuery 中祖父母的前两个孩子的父母中选择不是 h3 的孩子节点

热门标签

归档