模拟jQuery实现一个API

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