封装⼏个简单的jQuery⽅法
Query实质上是⼀个构造函数,该构造函数接受⼀个参数,jQuery通过这个参数利⽤原⽣API到节点,之后返回⼀个⽅法对象,该⽅法对象上的⽅法对节点进⾏操作(⽅法使⽤了闭包)。
模拟实现简易的jQuery
1.可以通过封装函数的⽅法。
jquery怎么进行验证这时候可以通过传⼊节点和类名来实现addClass的操作。但是这样会污染变量。⽐如覆盖掉其他的addClass⽅法。
2.通过封装命名空间的⽅法。
var obj = {}
obj.addClass(node,classes){  classes.forEach((value) => {node.classList.add(value)}) }
封装命名空间就是所有封装的函数放⼊⼀个对象之中,通过调⽤对象来调⽤封装的函数,这样不会污染全局变量。
3.通过原型链调⽤封装函数
这种⽅法的优点是⽆侵⼊。jQuery构造函数⽣成⼀个新的对象,并给对象封装⽅法,不会修改节点上的原⽣Node对象。
然后通过window.$ = jQuery,通过$()就可以调⽤⾥⾯定义的addClass,getSiblings等⽅法了。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。