Grit的前端之路

模仿一个jQuery

2019-01-30  本文已影响0人  Grit0821
window.jQuery = function(selector){
  elements = document.querySelectorAll(selector)//调用DOM,返回伪数组
  elements.addClass = function(classes){
    for(let i=0;i<elements.length;i++){
      elements[i].classList.add(classes)
    }
  }//elements是一个hash对象(伪数组),给它添加属性addClass 和setText ,这两个属性都是函数
  elements.setText = function(text){
    for(let i=0;i<elements.length;i++){
      elements[i].textContent = text
    }
  }
  return elements
}
window.$ = jQuery

var $div = $('div')
$div.addClass('red') // 可将所有 div 的 class 添加一个 red
$div.setText('hi') // 可将所有 div 的 textContent 变为 hi
上一篇下一篇

猜你喜欢

热点阅读