event-handling - 不同的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

两种方法都会得到相同的结果。链方法概念在这里与方法一一起应用。在这里您不必再次声明选择器。

在方法二中，您要声明选择器两次。链方法只允许您不一次又一次地声明选择器。您可以使用链方法绑定任意数量的方法。想象一下您希望为同一个选择器使用悬停方法。传统上，您将在其中三次声明具有相同选择器的 3 个方法。使用链方法：

$("#linka").click(function() {

 // method1

}).fancybox({

 // method2

 }).hover(function(){//method3
 },function(){
 });