编写单独调用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几乎完全相同.