javascript - jQuery 如何完成命令链？

Question

我认为自己(充其量)是一个中级 JavaScript 人员……当然……我想了解某些事情是如何完成的，以便我可以编写更好的代码。因此，我一直在深入了解 jQuery，试图更多地了解它是如何完成某些事情的。

例如:
jQuery 通过执行以下操作来处理 IE 和 Opera 按名称而不是 ID 返回项目的情况:

// HANDLE: $("#id")
else 
{
    var elem = document.getElementById( match[3] );

    // Handle the case where IE and Opera return items
    // by name instead of ID
    if ( elem && elem.id != match[3] )
        return jQuery().find( selector );

    // Otherwise, we inject the element directly into the jQuery object
    var ret = jQuery( elem || [] )
    ret.context = document;
    ret.selector = selector;

    return ret;
}

...好吧，这很简单!

但典型的 jQuery 代码行将一系列命令链接在一起:

$('#someElementId').fadeIn().css({ ...Some CSS Properties ... });

现在...我“认为”链接部分在以下区域处理:

jQuery.extend = jQuery.fn.extend = function() { ... };

我正在梳理这个区域......我看到了如何处理一个单个命令......但我并没有真正看到一个链 -命令 被管理。所以我显然遗漏了一些东西。

所以我的问题是:

1. jQuery 如何实现选择器链接？

Answer 1

jQuery 对象上的所有方法都将返回一个jQuery 对象。

在这个特定示例中，您可以看到正在创建它们 jQuery().find( selector ) 和 jQuery( elem || [] )