美文网首页
手写jQuery

手写jQuery

作者: 卢卢2020 | 来源:发表于2021-01-28 00:05 被阅读0次

    jQuery对象 是指 jQuery函数构造出来的对象

    举例

       ① Object是个函数

        Object对象表示Object构造出来的对象

        ② Array是个函数

        Array对象/数组对象表示Array构造出来的对象

        ③ Function是个函数

        Function对象/函数对象表示Function构造出来的对象

    链式风格

    1 查

    jQuery('#xxx')  //返回值并不是元素 而是一个api对象

    jQuery('#xxx').find('red') //查找#xxx里面的.red元素

    jQuery('#xxx').parent() //获取爸爸

    jQuery('#xxx').children() //获取儿子

    jQuery('#xxx').sibligs() //获取兄弟

    jQuery('#xxx').index() //获取排行老几

    jQuery('#xxx').next() //获取弟弟

    jQuery('#xxx').prev() //获取哥哥

    jQuery('#xxx').each(fn) //遍历并对每个元素执行fn

    addclass find end 上图的放大  解释更清楚点  end() each parent children

    jQuery太长 改成$

    window.$ = window.jQuery  //这句话调用 以后用$就相当于jQuery 在最底部写在这句话

    命名风格  DOMAPI     jQueryAPI 傻傻分不清

    约定写法

    const elDiv = document.querySelector('.test')   //DOM api可以写el开头或者是div都可以

    const $div = $('.test')  //jQuery一定要以$开头命名  这样同事好区分

    相关文章

      网友评论

          本文标题:手写jQuery

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