实现一个jQuery的API

2019-03-05  本文已影响0人  BOB_BI

思路:
使得可以这样使用
var li = $('li')
li.addClass(class)
li可以调用很多API
传入一个字符串,可能是id或者tagname,查询所有匹配的结果,收集到一个伪数组中。给这个伪数组添加很多方法操作伪数组里的元素。最后返回这个伪数组。

function(node){
    let nodes 
    if (typeof node==='string'){    //如果传入的是字符串,用nodes收集查询到的结果集一个nodeList伪数组
        nodes = document.querySelectorAll(node) 
    }
    else{  
        nodes = node  //如果是节点直接赋给nodes
    }
    nodes.addClass=function(classes){
        for(let i=0;i<nodes.length;i++){
      classes.forEach((value)=>nodes[i].classList.add(value))
              }
    }
    nodes.setText=function(text) {
        for(let i=0;i<nodes.length;i++){
            nodes[i].textContent = text
        }
    }
    return nodes
}
上一篇下一篇

猜你喜欢

热点阅读