实现一个 jQuery的API

实现一个 jQuery的API_第1张图片


实现步骤

命名空间模式


实现一个 jQuery的API_第2张图片

这个模式的调用为jQuery.addClass(item3, ['a','b','c']),这种模式虽然可以,但是还是item3.addClass(['a','b','c'])这种模式的调用形式给人的感觉爽,那么如何换成这种爽的调用模式呢?

直接改node的原型


实现一个 jQuery的API_第3张图片

这种方法的弊端是直接改node原型上的方法,容易导致覆盖

自己做个构造函数

思路:创建一个jQuery的构造函数,接收一个node或selector,并把它封装成一个伪数组,然后在这个伪数组上增加几个api,返回这个伪数组。

- 首先实现单node


实现一个 jQuery的API_第4张图片

- 拓展为可接收selector


实现一个 jQuery的API_第5张图片

你可能感兴趣的:(实现一个 jQuery的API)