2018-04-01 实现一个简单的jQuery的api

要实现什么呢?

window.jQuery = ???

window.$ = jQuery

var $div = $('div')

$div.addClass('red') // 可将所有 div 的 class 添加一个 red

$div.setText('hi') // 可将所有 div 的 textContent 变为 hi

怎么去实现?有何想法?

构造一个函数,返回一个对象,对象有属性addClass 和setText,之后便可以使用jQuery构造一个新的node。在此之上，便可以使用$div调用addClass和setText两个属性。

function(node) {
        return {
            addClass: function (red) {
                var x = document.querySelectorAll(node)
                for (let i = 0; i < x.length; i++) {
                    x[i].classList.add(red)
                }
            },

            setText: function (hi) {
                var x = document.querySelectorAll(node)
                for (let i = 0; i < x.length; i++) {
                    x[i].textContent = hi
                }
            }
        }
    }