实现一个jQuery的API

window.jQuery = jQuery('div')

window.$ = jQuery

var $div = $('div')

$div.addClass('red') // 可将所有 div 的 class 添加一个 red

$div.setText('hi') // 可将所有 div 的 textContent 变为 hi




window.jQuery = function(nodeOrSelector){

    let nodes = {}

    if(typeof nodeOrSelector === 'string'){

      let temp =  document.querySelector(nodeOrSelector)//伪数组

      for(lei i = 0; i< temp.clientHeight; i++){

          nodes[i] = temp[i]

      }

      nodes.length = temp.length

    }elseif(nodeOrSelector instanceof Node ){

        nodes = {

            0: nodeOrSelector,

            length: 1

        } 

    }

    nodes.getSiblings = function(){

    }

    nodes.addClass = function(classes){

        classes.forEache((value) => {

            for(let i = 0; i< nodes.length; i++){

                nodes[i].classList.add(value)

            }

        });

    }

    nodes.text = function(text){

        if(text === undefined){

            var texts = []

            for(let i = 0; i < nodes.length; i++){

                texts.push(nodes[i].textContent)

            }

            return texts

        }else{

            for(let i = 0; i < nodes.length; i++){

                nodes[i].textContent = text

            }

        }

    }

    return nodes

}

window.$ = jQuery

var $div = $('div')

$div.addClass('red') // 可将所有 div 的 class 添加一个 red

$div.setText('hi') // 可将所有 div 的 textContent 变为 hi

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容