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();

 

posted on 2023-02-25 13:28  爱敲代码的关耳  阅读(131)  评论(0)    收藏  举报