JQuery简单实现

window.jQuery = function (element) {
        var tags = document.querySelectorAll(element)
        return {
            addClass: function (params) {
                for(var i=0;i<tags.length;i++){
                    tags[i].classList.add(params)
                }
            },
            setText: function (params) {
                for(var i=0;i<tags.length;i++){
                    tags[i].innerHTML = params
                }
            }
        }
    }
    window.$ = jQuery;
    var $div = $('div')
    $div.addClass('red') // 可将所有 div 的 class 添加一个 red
    $div.setText('hi') // 可将所有 div 的 textContent 变为 hi

将jQuery封装成一个函数，先获取所有标签，直接返回一个对象，对象当中有两个函数：addClass和setText，给每个标签执行相应的操作即可。