jQuery:在这种情况下正确使用.on()是什么?

前端之家收集整理的这篇文章主要介绍了jQuery:在这种情况下正确使用.on()是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

考虑以下标记

 

我需要在子类上的click事件上运行一个函数,我有以下两个选项:

 $(".parent").on("click",".child",function(){....});

 $(document).on("click",function(){....});

使用直接父级作为目标与文档本身之间的性能是否存在显着差异?对我来说使用文档似乎是一个更健壮的选项(如果父类被更改) – 只需要确保它不会导致问题,如果我开始在任何地方使用此方法.

附:孩子是在父母内部动态添加的,因此我正在使用.on()

最佳答案
$(".parent").on("click",function(){....});

将您的click事件绑定到文档中存在的具有类“.parent”的元素,并将事件从目标(‘.child’)冒泡到附加处理程序的元素.这比将其添加到文档更好,将其添加到文档中

$(document).on("click",function(){....});

>将来自文档中目标的click事件冒泡到body和document元素.
>正如@Woff所提到的,绑定处理程序在删除.parent元素时不会被删除.

猜你在找的jQuery相关文章