实现一个简单jQuery的API

jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。
使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。

---

下面就讲述了如何实现一个jQuery的API。
通过这个问题来讲述：

window.jQuery = ???
window.$ = jQuery

var $div = $('div')
$div.addClass('red') // 可将所有 div 的 class 添加一个 red
$div.setText('hi') // 可将所有 div 的 textContent 变为 hi

先说答案吧！！！
上面???的内容为：

function(node) {
   var findNode = document.querySelectorAll(node)
        return {         
            addClass: function (addClassName) {               
                for (let i = 0; i < findNode.length; i++) {
                    findNode[i].classList.add(addClassName)
                }
            },
            setText: function (text) {        
                for (let i = 0; i < findNode.length; i++) {
                    findNode[i].textContent = text
                }
            }
        }
    }

---

思路如下

我们的需求是通过构造一个新的函数，这个函数返回一个对象，该对象包括两种属性方法，即addClass和setText，便可以使用jQuery构造一个新的node（即$div），随后便可以使用$div调用addClass和setText两个属性。

首先我们在这个函数体的内部声明一个变量findNode，随后可以在下面两种属性方法中调用。

---

addClass()实现思路

• 通过外部声明的变量findNode，然后通过document.querySelectorAll(node)找到所有的节点
• 遍历findNode，给每个节点添加相应的class。

---

setText()实现思路

• 通过外部声明的变量findNode，然后通过document.querySelectorAll(node)找到所有的节点
• 遍历findNode，将每个节点的内容通过textContent方法设置为用户设置的text。

---

更具体的代码：http://js.jirengu.com/moqur/3/edit?html,css,js,output