时光荏苒,岁月如梭,转眼多年过去。前端天下已各分东西,回眸看看来时的路,你我可曾记得当年的大哥 jquery。回想那个纯真的年代,jquery一统天下,前端的世界如此纯洁无瑕。

引子

此时此刻又让我想起了当年的游戏时光,早期游戏只能玩类似《传奇》《魔力宝贝》这么些。大家没得选所有人都会玩这么几款游戏,随着时间推移现在游戏越来越多,忽然发现可以玩的游戏却少了,前端世界也是如此,框架技术层出不穷,很多前端同学开始争论哪种技术更强,哪种框架更6,其实大可不必。如同现在玩游戏一样 ,我们找的只是当年的那份快乐,玩什么游戏其实已经并不关键。技术亦如此,我们需要了解的是各种技术背后的东西,本质的东西,例如思路、理念,原理实现等等。到这,为引子。

好了上面那些废话是今天的引子,今天咋们需要做的是通过jq来看看这个框架背后的东西,学习jq主要功能实现原理,供今后实际开发中学习和借鉴。

jquery选择器实现

jquery在设计之初都是围绕着核心思想write less do more来设计的。整体使用思路与原生js没有太大区别,所以jquery做的最多的一件事情就是简化原生js的代码量。选择器在操作dom上使用非常频繁,所以jq一定会简化选择器使用方式。原生选择器使用如下:

 document.querySelector(".box")

恩这里声明下,js用最新语法形式,不去考虑兼容性问题。jq的简化操作如下:

 $(".box")

发现代码量变短了,这里是一行,那如果项目里有很多呢?是不是就write less了?有木有?恩,到这,jquery 是基于js来实现的 ,那么我们如何用原生js来实现一个选择器封装呢?

我现在写jquery,你们会不会打我??相关推荐

  1. 学写jQuery插件开发方法

    jQuery如此流行,各式各样的jQuery插件也是满天飞.你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢?如果你的答案是肯定的,那么来吧!和我一起学写jQuery插件吧! 很多公司的 ...

  2. 简单的手写jquery轮播图(包含切换按钮、小圆点)

    简单的手写jquery轮播图(包含切换按钮.小圆点) css代码 * {margin: 0;padding: 0; }.container {width: 800px;height: 400px;ma ...

  3. 从jQuery 入口方式写jQuery工具类库

    ###1.jQuery 入口方式 在常用的jquery入口方式中估计大部分人都是直接用的是 $(function(){//code }) 复制代码 下面详细说一下jquery的几种入口方式: #### ...

  4. 写jQuery插件该注意的

    写好jQuery插件,有一些注意的地方(持续添加). 支持UMD 现在前端开发讲究模块化,所以jQuery插件也最好能够兼顾模块化. 模块化模式大概有几种: AMD.CommonJs.UMD. AMD ...

  5. 写JQuery 插件 什么?你还不会写JQuery 插件

    http://www.cnblogs.com/Leo_wl/p/3409083.html 前言 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui ...

  6. 锋利的jQuery--编写jQuery插件(读书笔记五)[完结篇]

    1.表单验证插件Validation   2.表单插件Form   3.动态事件绑定插件livequery 可以为后来的元素绑定事件   类似于jQuery中的live()方法     4.jQuer ...

  7. 1号店案例html源码_手把手教一起写jQuery版mini源码,分析jQuery的优势

    适合人群 本文适合0.5~3年的前端开发人员,以及想了解jQuery是什么的小伙伴们. 前言 谈谈个人对jQuery的看法. 如果你是一个五年以上的开发人员,相信你一定认识了解jQuery.这好比你十 ...

  8. 什么?你还不会写JQuery 插件

    前言 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了.至于使用jquery好处这里就不再赘述了,用过的都知道.今天我们来讨论 ...

  9. [转]什么?你还不会写JQuery 插件

    本文转自:http://www.cnblogs.com/joey0210/p/3408349.html 前言 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jque ...

  10. 菜鸟写jquery入门教程(for web前端开发群4)(01)

    呃,大概是这样,碰到一笨学生, 并鉴于群里有这么多人在学jquery,好吧.既然大家都懒得去看帮助,我来开篇写点什么吧. JQuery 起源 ?  这个没必要介绍了,各位可以去百度一下.谈谈个人对JQ ...

最新文章

  1. 计算机组装与维修单元卷,计算机组装与维修期中考试试卷及答案
  2. 洞悉物联网发展1000问之从精益管理到互联工业带来的启示是什么?
  3. linux中怎样进入桌面目录,linux – 如何获得给定用户“桌面路径”
  4. 可折叠Web可能会给我们带来的变化
  5. PTA学生成绩排序-C语言详解
  6. 墨天轮章芋文:用十年打造中国的数据库生态体系
  7. Python稳基修炼之计算机等级考试易错概念题5(含答案)
  8. C:矩形相交、相包含、相离关系判断
  9. multisim的汉化
  10. matlab风玫瑰图,风玫瑰图的Matlab编程绘制
  11. 前端常用布局大全——细致讲解
  12. 树为什么能长这么高?
  13. Java SE核心I
  14. 关于 BBBB 站视频删除问题解释
  15. 连续函数原函数(不定积分)存在定理证明
  16. C++多线程-生产者与消费者模型
  17. 修复Windows下有线无线网络掉线问题的解决方案
  18. 浅谈android中图片处理之图形变换特效Matrix(四)
  19. mysql 视图 排序_MySQL 视图
  20. stm32cube学习1-rcc配置选择

热门文章

  1. 从零手动实现简易Tomcat
  2. 第 2 章 MongoDB
  3. PHP如何判断提交表单中多个复选框是否选中?
  4. go 语言的web 框架
  5. 细数人们对安卓的误解
  6. 【c++】构造函数初始化列表中成员初始化的次序性
  7. 最大子矩阵问题悬线法 学习小结
  8. python - 编程规范问题
  9. 下拉框value ,selectedIndex
  10. IOS8-人机界面指南