实现一个简易的jquery

     我们都知道原生的js的dom操作其实是非常复杂的，操作起来非常的不友好，所以就有了jquery，jquery用很多原生的api实现了众多好用的方法的封装。下面就来自己实现一个简易的jquery方法的封装，包括了jquery原有的addClass方法，以及操作文本的setText方法.

    第一步我们在window对象上封装一个函数，window.jQuery = function(nodeOrselect){},形参传递的是我们需要取得的元素节点，我们操作dom的第一步就是取得他，以下代码实例

取得相对应的节点元素放在nodes对象里面

由上面代码可知，如果用户输入的是字符串直接用querySelectorAll选择器直接取的相对应的dom元素，它返回的是一个类数组，遍历它，让它的每一项塞到nodes对象里面去，再把类数组的length的值赋给nodes对象。如果用户输入的是一个node节点，那就直接放到nodes对象里面，把length改为1.

第二部就该封装相关的方法api，以下是我封装的两个方法。

封装的方法

这里我封装了两个方法，第一个addClass是为dom元素添加类名，第二个setText是为dom元素设置文本，通过循环遍历分别为每个dom元素添加class类名以及设置文本。

最后再把nodes return出来，完整代码如下：

完整代码

接下来我们来是用一下，建立一个div，设置一个类名.red{color: red},直接调用方法jQuery('div').addClass('red');  jQuery('div').setText('我的jquery');

效果如下：

效果图

这就实现了....