javascript – jQuery链接比单独的语句更快?

前端之家收集整理的这篇文章主要介绍了javascript – jQuery链接比单独的语句更快?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
编写单独调用jQuery函数或使用单个链是否更快?如果一个额外的解释为什么一个比另一个更快,将不胜感激:-)

一个例子:

$('#blah_id').niftyjQueryMethod1().niftyjQueryMethod2();

更快/更慢

$('#blah_id').niftyjQueryMethod1();
$('#blah_id').niftyjQueryMethod2();

解决方法

在您的示例中,链接更快.
// Example 1
$('#blah_id').niftyjQueryMethod1().niftyjQueryMethod2();

// Example 2
$('#blah_id').niftyjQueryMethod1();
$('#blah_id').niftyjQueryMethod2();

在示例1中,创建jQuery对象的调用($(‘#blah_id’))仅进行一次.在示例2中,它被制作两次.这意味着第二次通话会更慢.

如果您不想将它们全部放在链中,可以将选择缓存在变量中:

var blah = $('#blah_id');
blah.niftyjQueryMethod1();
blah.niftyjQueryMethod2();

假设方法不影响选择选择中存在哪些元素(例如,父,查找或过滤器),这与示例1几乎完全相同.

猜你在找的jQuery相关文章