jquery链式调用原理

jquery选择器$('selector')返回的不是数组，而是一个被封装好的jQuery对象，查询到的每一个节点，都被以下标为属性的方式添加到jQuery对象，jQuery对象上的方法包含对象本身的方法和定义在原型上的方法两种，无论何种方法，在每次调用方法后，都会在方法内部返回一个this对象，指向当前的jQuery对象，方便下次链式调用，当然这只是一种非常基本的实现思路，具体思路见：jQuery的链式调用浅析_jquery_脚本之家 (jb51.net)

eg：要实现如下的效果：

$("#idbox").width("100px").height("100px");

则基础原理如下：

let Fun={

      fn1:function(){

          console.log("fn1");

          return this;

      },

      fn2:function(){

          console.log("fn2");

          return this;

      },

      fn3:function(){

          console.log("fn3");

          return this;

      }

}

Fun.fn1().fn2();

巴特西

jquery链式调用原理

最新文章

热门文章