jQuery each()vs on()

jQuery each()vs on(),jquery,Jquery,这些选项之间有什么区别 1: 2: 我应该关心使用什么吗?如果您绑定到单击,则在删除元素并读取它(或添加新元素)后,将不会绑定 在上使用时,它会检查父级(文档)中的所有元素,因此添加元素时没有区别。如果绑定到单击,则在删除元素并读取它(或添加新元素)后,将不会进行绑定 在上使用时,它会检查父级(文档)中的所有元素,因此添加元素时没有区别。如果绑定到单击,则在删除元素并读取它(或添加新元素)后,将不会进行绑定 在上使用时,它会检查父级(文档)中的所有元素,因此添加元素时没有区别。如果绑定到单击,则

这些选项之间有什么区别

1: 2:
我应该关心使用什么吗?

如果您绑定到单击,则在删除元素并读取它(或添加新元素)后,将不会绑定


在上使用时,它会检查父级(文档)中的所有元素,因此添加元素时没有区别。

如果绑定到单击,则在删除元素并读取它(或添加新元素)后,将不会进行绑定


上使用时,它会检查父级(文档)中的所有元素,因此添加元素时没有区别。

如果绑定到单击,则在删除元素并读取它(或添加新元素)后,将不会进行绑定


上使用时,它会检查父级(文档)中的所有元素,因此添加元素时没有区别。

如果绑定到单击,则在删除元素并读取它(或添加新元素)后,将不会进行绑定


当您在
上使用时,它会检查父级(文档)中的所有元素,因此添加元素时没有区别。

区别在于,在第一种情况下,您迭代的元素已经存在于DOM中,并且没有任何用户交互


在第二种情况下,您可以执行相同的操作,但在单击事件中,您将遍历元素,包括动态添加的元素。区别在于,在第一种情况下,您遍历的元素已经存在于DOM中,并且没有任何用户交互


在第二种情况下,您可以执行相同的操作,但在单击事件中,您将遍历元素,包括动态添加的元素。区别在于,在第一种情况下,您遍历的元素已经存在于DOM中,并且没有任何用户交互


在第二种情况下,您可以执行相同的操作,但在单击事件中,您将遍历元素,包括动态添加的元素。区别在于,在第一种情况下,您遍历的元素已经存在于DOM中,并且没有任何用户交互

在第二种情况下,您也可以这样做,但在单击事件中,您将使用
$(document)遍历元素,包括动态添加的元素。在('click','[data focus link]'上,function(){})
在性能上更好,如果您有许多项要侦听“click”事件,则更值得注意。它只在
文档
上创建一个事件侦听器,并将捕获的事件委托给选择器指定的元素(例如
[数据焦点链接]

$(“[data focus link]”)。每个(function(){})方法将创建n个事件侦听器,每个侦听器指向您定义的匿名函数的副本:

function() {
    $('#' + $focus_id).focus();
}
去测试它并亲自验证,尝试10、100、1000、10000个元素,您将看到
.each()
方法的性能大幅下降。

使用
$(文档)。在('click'、'[data focus link]',function(){})
上,性能更好,如果您有许多项目想要收听“click”,则更明显事件它只在
文档
上创建一个事件侦听器,并将捕获的事件委托给选择器指定的元素(例如
[数据焦点链接]

$(“[data focus link]”)。每个(function(){})方法将创建n个事件侦听器,每个侦听器指向您定义的匿名函数的副本:

function() {
    $('#' + $focus_id).focus();
}
去测试它并亲自验证,尝试10、100、1000、10000个元素,您将看到
.each()
方法的性能大幅下降。

使用
$(文档)。在('click'、'[data focus link]',function(){})
上,性能更好,如果您有许多项目想要收听“click”,则更明显事件它只在
文档
上创建一个事件侦听器,并将捕获的事件委托给选择器指定的元素(例如
[数据焦点链接]

$(“[data focus link]”)。每个(function(){})方法将创建n个事件侦听器,每个侦听器指向您定义的匿名函数的副本:

function() {
    $('#' + $focus_id).focus();
}
去测试它并亲自验证,尝试10、100、1000、10000个元素,您将看到
.each()
方法的性能大幅下降。

使用
$(文档)。在('click'、'[data focus link]',function(){})
上,性能更好,如果您有许多项目想要收听“click”,则更明显事件它只在
文档
上创建一个事件侦听器,并将捕获的事件委托给选择器指定的元素(例如
[数据焦点链接]

$(“[data focus link]”)。每个(function(){})方法将创建n个事件侦听器,每个侦听器指向您定义的匿名函数的副本:

function() {
    $('#' + $focus_id).focus();
}
去测试它并亲自验证,尝试10、100、1000、10000个元素,您将看到
.each()
方法的性能显著下降。

只需使用
$(文档)。on
?您应该注意使用什么?只需使用
$(文档)。在
上?您应该注意使用什么?只需使用
$(文档)。在
上?您应该注意使用什么?只需使用
$(文档)。在
上?你应该关心使用什么?