不同的jQuery事件绑定方式

时间:2013-03-05 11:13:29

标签: event-handling jquery

这种表示法的含义是什么:

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

   // some codes

}).fancybox({

   // some options

});

与这些代码有什么区别:

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

   // some codes

});

$("#linka").fancybox({

   // some options

});

谢谢。

3 个答案:

答案 0 :(得分:1)

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

它被称为方法链接,允许您选择一次元素并使用多种方法与它们进行交互。

答案 1 :(得分:1)

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

答案 2 :(得分:1)

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

在方法二中,您将两次声明选择器。 chain方法只允许你不要一次又一次地声明选择器。你可以使用链式方法绑定任意数量的方法。想要你想要相同选择器的悬停方法。传统上,你将使用相同的选择器三次声明3个方法。使用链式方法:

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

 // method1

}).fancybox({

 // method2

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