阅读jQuery源代码带给我们的18个惊喜

古城微笑少年丶 2022-08-10 16:48 3阅读 0赞

[![40377a75-ec4f-460c-81b4-4b961f986633.jpg][]][40377a75-ec4f-460c-81b4-4b961f986633.jpg 1]

相信大家都非常熟悉[jQuery][]类库，绝对最受欢迎的JS框架，如果你也有兴趣阅读v源代码的话，或者你也会有同感。

以下便是阅读[jQuery][]源代码后挖掘的18条令人惊奇的信息：

## 1. sizzle的大小 ##

Sizzle是用来帮助jQuery实现DOM查询操作的引擎，可能你不知道它占用了jQuery源代码的22%。

其次最大的特性是$.ajax，占用了[jQuery][]源代码中的8%。

## 2. $.grep ##

这个方法类似underscore中的\_.filter方法，使用两个参数，一个数组变量和一个回调函数，返回通过回调函数为true的元素。

## 3. 冒泡提醒 ##

jQuery特意的阻止了一个事件类型的气泡。这就是load事件，jQuery传递了一个特别的noBubble:true来阻止事件冒泡到window对象（这可能导致错误的匹配了window.load事件）

## 4. 缺省的动画速度 ##

jQuery通过快速的变化元素样式属性来实现动画。每一个变化被叫做一个"滴答"。缺省的动画速度是每13毫秒滴答一次，你可以通过重写jQuery.fx.interval来修改缺省的值

## 5. $.fn.addClass接受一个方法 ##

我们通常提供$.fn.addClass一个class定义名称。但是它同样可以支持方法。你只需要方法返回一个空格分隔的字符串class定义即可。这个方法甚至接受元素的索引为参数，这样我们可以构建自己的只能class名。

## 6. $.fn.removeClass同样支持 ##

这个方法也可以支持接受方法为参数，和$.fn.addClass一样。

## 7. :empty伪选择器 ##

这个伪选择器可以匹配所有没有子元素的元素

## 8. :lt和:gt伪选择器 ##

这些伪选择器基于索引来匹配。例如，$('div:gt(2)')将会返回所有的div除了前３个元素（基于０索引）。如果你提供一个负值，那么就从末尾算起。

## 9. $(document.ready()使用了promise ##

jQuery内部使用了jQuery的deferred来保证DOM完整被加载

## 10. $.type ##

大家可能都熟悉typeof来判断数据类型，但是你是否知道jQuery提供了.type()方法？这个方法比浏览器本地版本更智能。

例如，typeof(new Number(3))返回了“object”，然而$.type(new Number(3))放回数字。

更确切的说$.type告诉你返回对象的值类型

。。。。。

。。。。。

阅读原文：[阅读jQuery源代码带给我们的18个惊喜 ][jQuery_18_]

[40377a75-ec4f-460c-81b4-4b961f986633.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/40377a75-ec4f-460c-81b4-4b961f986633.jpg
[40377a75-ec4f-460c-81b4-4b961f986633.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/40377a75-ec4f-460c-81b4-4b961f986633.jpg
[jQuery]: http://www.gbtags.com/gb/tag/1003.htm
[jQuery_18_]: http://www.gbtags.com/gb/share/3653.htm

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关六一儿童节带给我们的思考

今天又是一年一度的六一儿童节了，回想我小时候，每到儿童节，学校都会组织一些活动，例如参观博物馆，公园游览，或者放个假，虽然当时的学校竞争压力，远不如现在激烈，但六一儿童节，还是

客官°小女子只卖身不卖艺/ 2023年02月14日 10:08/ 0 赞/ 17 阅读

相关如何阅读开源代码

分析一个源代码，一个有效的方法是：　　1、阅读源代码的说明文档，比如本例中的README, 作者写的非常的详细，仔细读过之后，在阅读程序的时候往往能够从README

电玩女神/ 2022年09月19日 14:28/ 0 赞/ 218 阅读

相关 linux源代码阅读工具（转载）

[http://blog.csdn.net/bruce0532/article/details/7865800][http_blog.csdn.net_bruce0532_ar

雨点打透心脏的1/2处/ 2022年08月14日 05:33/ 0 赞/ 329 阅读

相关阅读jQuery源代码带给我们的18个惊喜

[![40377a75-ec4f-460c-81b4-4b961f986633.jpg][]][40377a75-ec4f-460c-81b4-4b961f986633.jpg

古城微笑少年丶/ 2022年08月10日 16:48/ 0 赞/ 4 阅读

相关 jquery源代码浅析

很多人觉得jquery、ext等一些开源js源代码十分的晦涩，读不懂，遇到问题需要调试也很费劲。其实我个人感觉主要是有几个方面的原因： 1、对一些js不常用的语法、操作符

拼搏现实的明天。/ 2022年08月07日 02:58/ 0 赞/ 162 阅读

相关源代码阅读方法

分析一个源代码，一个有效的方法是： 1、阅读源代码的说明文档，比如本例中的README, 作者写的非常的详细，仔细读过之后，在阅读程序的时候往往能够从README文件

分手后的思念是犯贱/ 2022年08月06日 01:28/ 0 赞/ 240 阅读

相关机房重构带给我们什么

我认为机房重构的过程也是重构我们系统思想的过程，通过这次做机房，感觉涉略了很多知识，逻辑在第一次的时候已经弄明白了，这次主要是在原来的基础上用另一种语言重构了一次

向右看齐/ 2022年07月24日 07:11/ 0 赞/ 152 阅读

相关给我们年轻人的忠告

１、别老盯着存款，那些东西只是一个符号，说不顶用的时候马上不顶用，根本没有让你反应的时间，建议各位网友考虑换成其他的东西－－比如金条，让各位网友全换也不现实，但是至少应该换一根

谁践踏了优雅/ 2022年05月28日 13:50/ 0 赞/ 251 阅读

相关 quartz 定时器核心源代码阅读

![20190827153602686.png][] ![20190827153714607.png][] ![watermark_type_ZmFuZ3poZW5naGV

淩亂°似流年/ 2021年08月27日 17:15/ 0 赞/ 361 阅读

相关 Jquery阅读全文

<!DOCTYPE html> <html class="hb-loaded"> <head> <meta http-equiv="co

古城微笑少年丶/ 2021年07月04日 23:04/ 0 赞/ 206 阅读