1
    function addClass(node,classes) {
2
        classes.forEach( (value) => node.classList.add(value) )
3
    }
4

5
    let divNode = document.getElementById('xxx')
6
    addClass(divNode,['a','b','c'])

1
> 如果别人也写了addClass这个函数，就会重复，所以需要命名空间
2

3
    window.xiaoyu = {}
4
    xiaoyu.addClass = function(node,classes) {
5
        classes.forEach( (value) => node.classList.add(value) )
6
    }
7

8
    let divNode = document.getElementById('xxx')
9
    xiaoyu.addClass(divNode,['a','b','c'])

1
    function jQuery(node){
2
        newNode = {
3
            0: node,
4
            length: 1,
5
        }
6
        newNode.addClass = function(classes){
7
            classes.forEach( (value) => this.classList.add(value) )
8
        }
9
        return newNode
10
    }
11

12
    window.$ = jQuery
13
    let divNode = document.getElementById('xxx')
14
    let $newnode = $divNode)
15
    $newnode.addClass(['a','b'])

1
    window.jQuery = function(nodeOrSelector){
2
        if(typeof nodeOrSelector === 'string'){
3
            temp = document.querySelectorAll(nodeOrSelector)
4
                var nodes = {}
5
            for(var i=0;i<temp.length;i++){
6
                nodes[i] = temp[i]
7
            }
8
            nodes.length = temp.length
9
        }else{
10
            console.log(2)
11
                nodes = {
12
                    0: nodeOrSelector,
13
                    length: 1
14
                }
15
        }
16

17
        // 参数可以不为数组
18
        nodes.addClass = function(){
19
            let classes = []
20
            for(let i=0;i<arguments.length;i++){
21
                classes.push(arguments[i])
22
            }
23
            classes.forEach((value)=> {
24
                for(let i=0;i<nodes.length;i++){
25
                    nodes[i].classList.add(value)
26
                }
27
            })
28
        }
29

30
        // 获取文本或设置文本内容
31
        nodes.text = function(text){
32
            if(typeof text === 'undefined'){
33
                let texts = []
34
                for(let i=0;i<nodes.length;i++){
35
                    texts.push(nodes[i].textContent)
36
                }
37
                return texts
38
            }
39
            else{
40
                for(let i=0;i<nodes.length;i++){
41
                    nodes[i].textContent = text
42
                }
43
            }
44
        }
45

46
        return nodes
47
    }
48

49
    window.$ = jQuery
50
    let $div = $('div')
51

52
    $div.addClass('a','b')
53
    $div.text('hello jquery')