如何实现简易版jQuery

window.jQuery=x=>{

		//声明一个空对象
        let jQuery = {};
        
        //放进DOM中查找,返回一个NodeList
        let selectors = document.querySelectorAll(x);
        
        //循环赋值给已经声明好的闭包对象jQuery,并传入length
        for (let i = 0; i < selectors.length; i++) {jQuery[i] = selectors[i]}
        jQuery.length = selectors.length
        
		//设置addClass方法,检测传入参数是否为数组,遍历数组循环添加class
        jQuery.addClass = class_or_ClassList => {
            if (class_or_ClassList instanceof Array) {
                class_or_ClassList.forEach(value => {
                    for (let i = 0; i < jQuery.length; i++) {
                        jQuery[i].classList.add(value)
                    }})
                return 'className添加成功'
            } else {
                for (let i = 0; i < jQuery.length; i++) {
                	jQuery[i].classList.add(class_or_ClassList) }
                return 'className添加成功'
            }}
            
        //设置setTxet方法
        jQuery.setText = text => {
            for (let i = 0; i < jQuery.length; i++) { jQuery[i].textContent = text }
            return 'text已设置'
        }
        //返回该对象
        return jQuery;
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值