美文网首页
jquery实现

jquery实现

作者: 寇奕迪 | 来源:发表于2019-05-01 09:19 被阅读0次
    image.png

    jQuery本质上就是一个构造函数,我们需要给它输入参数,就可以返回对应参数的jQuery实例。
    window.jQuery=function (){}
    我们的需求是通过构造一个新的函数,这个函数返回一个对象,该对象包括两种属性方法,即addClass和setText,便可以使用jQuery构造一个新的node(即div), 然后使用div调用addClass和setText两个属性。
    首先我们在这个函数体的内部声明一个变量findNode,随后可以在下面两种属性方法中调用。

    addClass()实现思路
    通过外部声明的变量findNode,然后通过document.querySelectorAll(node)找到所有的节点
    遍历findNode,给每个节点添加相应的class。

    setText()实现思路
    通过外部声明的变量findNode,然后通过document.querySelectorAll(node)找到所有的节点
    遍历findNode,将每个节点的内容通过textContent方法设置为用户设置的text。

    image.png

    相关文章

      网友评论

          本文标题:jquery实现

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