如何实现简易版jQuery

妖狐艹你老母 2021-10-19 00:44 399阅读 0赞

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;
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，399人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery基础练习 —— 简易版2048

效果图 ![在这里插入图片描述][20190930211208133.gif] 写在前面遇到的问题 ① 当布局完成后，给某一个模块添加了文字后，布局发生改

ゝ一纸荒年。/ 2023年08月17日 17:16/ 0 赞/ 82 阅读

相关 JavaScript||简易版计算器实现

昨天用JavaScript写了一个网页版的简易计算器，现在将制作过程和最终的源代码分享给大家。首先：进行页面布局页面布局相对简单，主要应用了table标签、inpu

布满荆棘的人生/ 2023年05月21日 15:21/ 0 赞/ 64 阅读

相关 js 实现简易版promise

实现一个简易版的promise，并非完全符合Promise / A+ 规范，仅供学习使用 function myPromise(fn){ const th

Love The Way You Lie/ 2023年02月13日 05:40/ 0 赞/ 44 阅读

相关如何实现一个简易版语言编译器？

编译器实现之旅——第一章编译器概观编译器，近在咫尺却又远在天边。当我们写下任何非机器语言代码后，我们都需要借助编译器将这些代码变为通过计算机可运行的状态。但是，就是这

野性酷女/ 2022年11月09日 03:59/ 0 赞/ 199 阅读

相关 LinkedList实现队列简易版

public class MyQueue<T> \{ LinkedList<T> list=new LinkedList<>(); public voi

快来打我*/ 2022年10月01日 01:48/ 0 赞/ 44 阅读

相关 jQuery实现简易购物车

上上篇用JS写了个简单的购物车，学习了jQuery之后想要看看JavaScript和jQuery的区别到底有多大，于是又在原来的模板上用JQuery将购物车再次实现了一下。

忘是亡心i/ 2022年05月17日 11:47/ 0 赞/ 252 阅读

相关 Jquery的简易版ajax $.post()

语法 jQuery.post(url,data,success(data, textStatus, jqXHR),dataType) <table> <tbod

╰半夏微凉°/ 2022年04月18日 00:25/ 0 赞/ 259 阅读

相关 js 实现简易版深拷贝

可以兼容对象和数组类型数据的深拷贝 function copy(ladel){ var obj = { }

柔情只为你懂/ 2022年02月19日 14:25/ 0 赞/ 308 阅读

相关如何实现简易版jQuery

window.jQuery=x=>{ //声明一个空对象 let jQuery = {};

妖狐艹你老母/ 2021年10月19日 00:44/ 0 赞/ 400 阅读

相关自己封装的简易版jQuery

学过jQuery快一年了，学jQuery时曾尝试封装过一个简易的jQuery，也是为了考察自己对原生js的掌握程度。实现了jQuery的部分功能。如选择元素、add、trigg

素颜马尾好姑娘i/ 2021年09月20日 05:42/ 0 赞/ 401 阅读