Javascript jQuery:函数如何仅通过点(.)

Javascript jQuery:函数如何仅通过点(.),javascript,jquery,Javascript,Jquery,自从我学习jQuery以来,我一直想知道jQuery是如何通过添加点来执行一个又一个函数的(不知道它的真实名称,很抱歉) 当淡入淡出效果完成后,CSS函数将执行。这就好比你可以一个接一个地执行你想要的任何函数 我该怎么做 注意:如果我的名字错了,请纠正我,我只是想学习。简短的回答很简单。每个方法都返回与传递给它的选择器匹配的元素集合,从而允许将同一集合传递到下一个链接方法中 在源代码中查找返回此它返回相同类型的对象,下面是一个非常简单的示例,演示了该技术: var Counter = funct

自从我学习jQuery以来,我一直想知道jQuery是如何通过添加点来执行一个又一个函数的(不知道它的真实名称,很抱歉)

当淡入淡出效果完成后,CSS函数将执行。这就好比你可以一个接一个地执行你想要的任何函数

我该怎么做


注意:如果我的名字错了,请纠正我,我只是想学习。

简短的回答很简单。每个方法都返回与传递给它的选择器匹配的元素集合,从而允许将同一集合传递到下一个链接方法中


在源代码中查找
返回此

它返回相同类型的对象,下面是一个非常简单的示例,演示了该技术:

var Counter = function(){
    this.val = 0;    
};

Counter.prototype.increment = function(){
    ++this.val;
    return this;
};

Counter.prototype.decrement = function(){
    --this.val;
    return this;
};

Counter.prototype.log = function(){
    console.log(this.val);
    return this;
};

var o = new Counter();
o.increment().increment().decrement().log().increment().log();
它被调用,其中一个方法返回它调用的对象

你也可以参考以下关于这个主题的帖子


每个jQuery函数都返回一个jQuery对象,然后您可以在最后一个函数之后立即调用它的方法。@ArunPJohny-刚刚注意到这是我去年问的一个问题。。。
var Counter = function(){
    this.val = 0;    
};

Counter.prototype.increment = function(){
    ++this.val;
    return this;
};

Counter.prototype.decrement = function(){
    --this.val;
    return this;
};

Counter.prototype.log = function(){
    console.log(this.val);
    return this;
};

var o = new Counter();
o.increment().increment().decrement().log().increment().log();