JS#4 jQuery初探

初探jQuery简单源码

1.封装两个函数

function getSiblings(node){}
function addClass(node, classes){}

2.命名空间

var dom = {}
dom.getSiblings(node)
dom.addClass(node, {a: true, b: false})

3.能不能把 node 放在前面

node.getSiblings()
node.addClass()

(1)方法一：扩展 Node 接口
直接在 Node.prototype 上加函数
(2)方法二：新的接口 BetterNode

function Node2(node){
return {
element: node,
getSiblings: function(){ },
addClass: function(){ }
}
}
let node =document.getElementById('x')
let node2 = Node2(node)
node2.getSiblings()
node2.addClass()

4.把 Node2 改个名字吧

function jQuery(node){
return {
element: node,
getSiblings: function(){ },
addClass: function(){}
}
}
let node =document.getElementById('x')
let node2 =jQuery(node)
node2.getSiblings()
node2.addClass()

5.再给个缩写吧 alias

window.$ = jQuery

例:

    
    
    


111