window.jQuery = function(nodeOrSeletor){
let nodes ={} //初始化nodes
if(typeof nodeOrSeletor === 'string'){ //传过来得是字符串
let temp = document.querySelectorAll(nodeOrSeletor) //用接收的字符串找一个或多个节点
for(let i=0;i<temp.length;i++){ //遍历temp
nodes[i] = temp[i] //将temp的key赋给nodes
}
nodes.length = temp.length //将temp的length赋给nodes
}else if(nodeOrSeletor instanceof Node){ //传过来是Node的节点
nodes = {0: nodeOrSeletor,length: 1} //为nodes生成一个伪数组
}
nodes.addClass = function(classes){
classes.forEach((value) => { //对数组的每个元素执行一次提供的函数
for(let i=0;i<nodes.length;i++){ //遍历nodes
nodes[i].classList.add(value) //给nodes添加接收到的class属性
}
})
}
nodes.setText = function(text){
for(let i=0;i<nodes.length;i++){ //遍历nodes
nodes[i].textContent = text //将nodes的文本内容变成接收到的参数内容
}
}
return nodes
}
window.$ = jQuery
var $div = $('div')
$div.addClass(['red']) // 可将所有 div 的 class 添加一个 red
$div.setText('你好') // 可将所有 div 的 textContent 变为 hi
模拟jQuery实现一个API
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 今天要模仿jQuery来实现两个API，他们的功能是： 为选中的标签添加某个 class 将选中的标签的value...
