jQuery 类型类结构

Question

所以我想知道是否有人可以帮助我理解 jQuery“类”的工作原理。据我所知，它的工作方式就像一个静态类，如下所示：

if(!$) { var $ = new function(){} }

我认为..

现在，让我感到困惑的是，如何使用或不带参数来调用方法，如下所示：

$("a").removeClass("test");
$.get('myhtmlpage.html', myCallBack);

我假设传递该参数只是返回document.getElementById(argument);

但是如何呢？这个论点是如何在事后传递到类中的？另外，这是方法链的一些结果吗？

任何可以帮助我了解正在发生的事情的信息都会很棒！谢谢。

Answer 1

我正在使用 jQuery 源代码，因此您也可以查看它。

$ 函数没有显式定义，而是链接到 jQuery 对象：

window.$ = jQuery;

jQuery 对象的定义如下：

jQuery.fn = jQuery.prototype = {
    constructor: jQuery,
    init: function( selector, context, rootjQuery ) {

init: function( 选择器 部分处理 $('foo') 情况。

如果没有给出参数，则使用另一个函数：

get: function( num ) {

Answer 2

JavaScript 中的变量可以包含 $。例如 foo 和 $foo 是不同的变量。自然 $ 是一个有效的对象。

接下来值得注意的是，在 JavaScript 中一切都是类。函数也是一个类，所以你的函数也可能有方法。

$ <-- 这是一个带有方法的函数。

$('a') <-- 这会执行执行某些操作并再次返回 $ 的函数。

$.get() <-- 这会调用该 jQuery 函数的方法。

$('a').get() <-- 这会执行带有参数 a 的函数，该函数再次返回 $，然后您获取它的方法并再次执行它。

当调用 $('a') 时，不会返回完全相同的 $，它会包含有关您使用的选择器的一些额外信息。

我最后要注意的是，当你调用 $(x); 时其中 x 是一个函数，然后将其用作注册文档就绪回调的快捷方式。