美文网首页
手写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

    jQuery对象 是指 jQuery函数构造出来的对象 举例 ① Object是个函数 Object对象表示Obj...

  • jQuery面试题(一)

    一、手写一个jQuery插件。 例1:封装jQuery对象方法的一个插件(使用jQuery.fn.extend()...

  • jQuery日历插件开发

    在jquery的学习中,经常碰到使用jQuery插件的使用,后来想着自己应该动手写一个jQuery插件,提高自己的...

  • JS常见手写代码题(二)

    1、用闭包手写一个cache工具 2、手写一个简易的JQuery,考虑插件和扩展性 3、手写Promise加载一张...

  • 手写一个简易的Jquery考虑插件及扩展性

    通过手写一个简易的DOM节点查询功能的Jquery实例,了解Jquery内部实现原理及理解Class与继承。 页面...

  • jQuery 手写轮播图

    HTML代码 轮播图 ...

  • 自己动手写jquery

    对于一个好的程序员,如果你需要大量使用一个框架,是无法忍受自己不知道这个框架的原理的,起初你可能只是调调api,慢...

  • Jcorp + php 实现截图+上传

    以下全部为手写,禁止转帖。Jcorp是很好用的Jquery 截图插件,兼容chrome firfox。Demo地址...

  • swiper插件的应用

    swiper-3.4.2.jquery.min.js 记得刚接触swiper的时候,感觉很方便的,因为自己纯手写的...

  • JS基础知识3---原型和原型链

    题目 如果判断一个变量是不是数组?arr instanceof Array 手写一个建议的jQuery,考虑插件和...

网友评论

      本文标题:手写jQuery

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