什么是链接?

时间:2014-02-03 03:47:58

标签: jquery

  

在开发插件时,我们建议保持可链接性。使用关键字可保持可链接性。

那么,在jquery中调用的链接是什么?

非常感谢正确的演示(或描述)。感谢。

3 个答案:

答案 0 :(得分:3)

它在jQuery中称为链接。

插件应该返回this,以便在插件完成时可以在同一个对象上调用另一个jQuery方法。

来自jQuery文档(http://learn.jquery.com/plugins/basic-plugin-creation/#chaining)的示例:

// Return this in my plugin
$.fn.greenify = function() {
    this.css( "color", "green" );
    return this;
}

// So I can chain another jQuery method
$( "a" ).greenify().addClass( "greenified" );

答案 1 :(得分:1)

那篇文章使用“链接”作为“方法链”的简写。方法链接是一种经常在javascript中使用的编码风格,包括在jquery库中。

这是基本的jist。

Javascript方法可以返回对javascript对象的引用。因此,如果您在对象上调用方法并返回对对象的引用 - 然后在(返回的)对象上调用方法,那么您将拥有“方法链”。

在编码方面,方法链看起来像这样:

d3.select("body")
    .append("p")
    .text("New paragraph!");

在这种情况下,在d3对象上调用select方法。该select方法返回对dom中body元素的引用(如d3库中所示)。然后在body元素上调用append。 Append返回对p元素的引用。在此p元素上调用文本。 select,append和text方法被称为“链接”,因为它们一起写在一行上。

我从this great post学到了方法链,这是我答案中的例子所在。

答案 2 :(得分:1)

$('#id')
    .css('color', 'red')
    .wrap('<div/>')
    .appendTo(another);

当你可以用这种方式链接方法调用时,因为每个方法都返回对象本身 - 这就是调用,链接。