美文网首页饥人谷技术博客
jQuery的addClass setText实现过程

jQuery的addClass setText实现过程

作者: 饥人谷__冯国欣 | 来源:发表于2019-05-30 21:32 被阅读6次
    这是源代码

    首先声明一个空对象,用来存放Nodelist 列表 

    if语句判断 函数传的参数 是否为string类型,是的话直接queryselectorAll选择传的参数.

    用变量temp来存,然后for循环 遍历temp,把 遍历temp的 值 传给nodes对象;这时 nodes只得到啦temp的值,没有length属性,跳出循环 把temp的length传给 nodes对象,这时nodes 就得到啦 temp的Nodelist 和 length 属性

    接下啦 else if 判断 函数传的参数 原型是否 有 Node 这一环,有的 话 则 让nodes 等于伪对象 因为 上面的if的语句得到的是伪对象,所以 后面的也要是 伪对象。

    接下来给获取到的nodes 添加addClass方法,函数接受 classes一个参数,用来表示add的值,然后调用classes的foreach方法给nodes里的每个 元素 添加 classes数组的value;

    然后添加settext方法,参数text 用来存获取到的文本,nodes[i]的text.content可以获取到对应nodelist的值,

    然后用text来存

    最后renturn 返回

    返回的值

    上图 的 第一个下箭头 是没 传参的jQuery

    第二个下箭头 是 传 5个 li标签打印出的值

    相关文章

      网友评论

        本文标题:jQuery的addClass setText实现过程

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