不同的jQuery事件绑定方式

Question

这个符号是什么意思:

$("#linka").click(function() {
   // some codes
}).fancybox({
   // some options
});

与这些代码的区别是什么?

$("#linka").click(function() {
   // some codes
});
$("#linka").fancybox({
   // some options
});

谢谢。

Answer 1

最终结果将是相同的，但是第二个代码片段有一个不必要的调用jQuery函数来重新选择元素。大多数jQuery方法返回一个jQuery对象，要么是相同的元素集，要么是更新的元素集，允许之后调用其他jQuery方法。

它被称为方法链，允许你一次选择元素，并使用多个方法与它们交互

Answer 2

使用jQuery，您可以将方法链接起来，而不必每次都重新定义选择器。上面的两个代码示例都做了完全相同的事情。第一个方法只是省略了对jQuery函数的不必要调用。

Answer 3

两种方法将得到相同的结果。本文将链式方法概念应用于方法一。这里你不需要再次声明选择器。

在方法二中，你声明了两次选择器。链式方法只允许您不一次又一次地声明选择器。你可以使用链式方法绑定任意多的方法。假设你想要同一个选择器的hover方法。传统上，您将在其中三次声明具有相同选择器的3个方法。使用链式方法:

$("#linka").click(function() {
 // method1
}).fancybox({
 // method2
 }).hover(function(){//method3
 },function(){
 });