欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

用jQuery实现addClass和设置文本

程序员文章站 2022-05-18 17:25:45
jquery会接受一个字符串,拿到这个字符串之后分析这个字符串是字符串还是节点 如果是字符串,就找到所有对应的元素,然后放到一个伪数组里面 如果是一个节点,就把这个节点放到一个伪数组里面 不管给的是...

jquery会接受一个字符串,拿到这个字符串之后分析这个字符串是字符串还是节点

如果是字符串,就找到所有对应的元素,然后放到一个伪数组里面

如果是一个节点,就把这个节点放到一个伪数组里面

不管给的是字符串还是节点,它都会找到,放到伪数组nodes中,这个时候调用addclass,就会去遍历classes,然后逐个的放到伪数组的每一个项里面

设置文本用textcontent

代码如下

widow.jquery = function(){  
  let nodes = {  
    0:nodeorselector,  
    length:1  
  }  
  nodes.addclass = function(classes){  
   classes.foreach( (value) => {   
     for(let i=0;i<nodes.length;i++){  
       nodes[i].classlist.add(value)  
     }  
   })  
  }  
    
  nodes.settext = function(text){  
    for(let i=0;i<nodes.length;i++){  
      nodes[i].textcontent = text  
    }  
    return nodes  
  }  
  
  
var &p = $('p')  
$p.addclass('red')  
$p.settext('hi')