首页 > Web开发 > 详细

mark jquery 链式调用的js原理

时间:2015-03-24 22:38:37      阅读:255      评论:0      收藏:0      [点我收藏+]

  我们在使用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");

     

mark jquery 链式调用的js原理

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!