手写一个简单的JQuery

//事实证明通过如下方式不管传入的是id选择器还是class选择器都是可行的 
document.querySelectorAll(selector)

// 因为我们获取到的是一个NodeList数组，那么当然可以通过下标获取（注意不要越界）
document.querySelectorAll(selector)[0]

// 添加完毕以后查看DOM结构的class中就多了一个class属性world
document.querySelectorAll(".hello").forEach(d=>{
    d.classList.add("world")
})

// 我们希望给每一个元素添加上宽、高、颜色几个属性
let css = {
    "width": "2rem",
    "height": "1rem",
    "color": "red"
  }
document.querySelectorAll(".hello").forEach(d=>{
      Object.keys(css).map(k =>{
        d.style[k] = css[k];
      });
    })