mark jquery 链式调用的js原理

最新推荐文章于 2025-08-22 11:32:18 发布

weixin_34255793

最新推荐文章于 2025-08-22 11:32:18 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zoujking/p/4364064.html

本文介绍了jQuery中链式调用的基本概念及其实现原理，通过一个简单的JavaScript示例展示了如何通过return this来实现方法之间的连续调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们在使用jquery的时候会用到类似$("#id").css('color','red').show(200);

这样写有点减少代码量，减少了逐步查询DOM的性能损耗；

js 原理实现：

function demo(){}

demo.prototype={
     first:function(fir){
      this.fir=fir;
       return this;},
    second:funciton(sec){
       this.sec=sec;
       return sec;
    }
}
var s=new demo();
s.first("fir").second("sec");
alert(JSON.stringify(s));{'fir':'fir','sec':'sec'}

　　这里由于return this ,所以链式调用类似demo.first("fir")=this; demo.first("fir").second("sec")=this.second("sec")=demo.second("sec");

转载于:https://www.cnblogs.com/zoujking/p/4364064.html