模仿一个jQuery

作者: Grit0821 | 来源:发表于2019-01-30 11:17 被阅读0次
    • jQuery 的本质是一个函数,它返回一个伪数组
    • 调用DOM api document.querySelectorAll(),返回伪数组
    • elements是一个hash对象(伪数组),给它添加属性addClass 和setText ,这两个属性都是函数
    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
    

    相关文章

      网友评论

        本文标题:模仿一个jQuery

        本文链接:https://www.haomeiwen.com/subject/gqbqsqtx.html