jQuery学习---实现一个jQuery

任务--------

  1. 传进选择器可以添加class类

  2. 传进内容可以替换页面中的内容

  3. 如果不传值,可以直接查看节点中的文本内容


    jQuery学习---实现一个jQuery_第1张图片
    写两个函数封装起来

分析是字符串还是node节点,然后放到伪数组里

  • 创建一个临时变量来获得一个纯净的原型链

  • 要让输出保持一致,都是伪数组

  • 分析是选择器还是节点,通过类型装换来完成,同时使用了闭包:里面的函数用到了外面的变量,这个函数和变量就叫做闭包.

var nodes
    if(typeof nodeOrSelect ==='string'){   //如果是字符串
        let temp = document.querySelectorAll(nodeOrSelect)   //创建临时变量
        for(let i=0;i

写出两个函数,最后封装起来

  1. 函数给每一个div添加class,使用forEach得到的value作为参数使用遍历数组然后dom操作添加到数组的class中.

  2. 当调用setText()函数,得到'nodes'哈希,判断所传形参是否有值,如无,传给用户一个数组,如有值,将用户所传进的值(文本)替换到this中的节点里面。

nodes.addClass=function(classes){
        classes.forEach((value) =>{
            for(let i=0;i>nodes.length;i++){
                nodes[i].classList.add(value)
            }
        })
    }
     nodes.setText = function(text){
    if(text === undefined){
      var texts = []
      for(let i = 0;i

你可能感兴趣的:(jQuery学习---实现一个jQuery)