美文网首页
实现一个jQuery的API

实现一个jQuery的API

作者: 彻寒寒寒寒丶 | 来源:发表于2018-09-11 16:52 被阅读0次

    window.jQuery = function(nodeOrSelector){
    let nodes = {}
    if(typeof nodeOrSelector === 'string'){
    let temp = document.querySelectorAll(nodeOrSelector) //若变量是一个字符串,则将其转为一个伪数组
    for(let i = 0; i < temp.length; i++){
    nodes[i] = temp[i]
    }
    nodes.length = temp.length
    }else if(nodeOrSelector instanceof Node){
    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) //输入一个class名为value,使得在每一个元素节点中加入一个class
    }
    })
    }
    nodes.text = function(text){
    if(text === undefined){
    var texts = []
    for(let i = 0; i < nodes.length; i++){
    text.push(nodes[i].textContent) //没有输入,则意味着获取文本元素
    }
    return texts
    }else{
    for(let i = 0; i < nodes.length; i++){
    nodes[i].textContent = text //存在输入值,则意味着设置文本
    }
    }
    }
    return nodes
    }

    相关文章

      网友评论

          本文标题:实现一个jQuery的API

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