个人中心
gpt4 book ai didi

jQuery 源码分析笔记

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章jQuery 源码分析笔记由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

jQuery的宗旨是Write Less, Do More。它对JavaScript的开发风格侵入性不如YUI那么强，当然也不如Dojo和YUI如此庞大。它极大的简化了JavaScript的日常开发工作，主要是DOM元素的操作（从名字Query就可以看出）。另外一个主要工作就是每个前端开发者都需要面对的浏览器兼容性。jQuery兼容所有主流浏览器的大部分版本，从万恶的IE6开始直到Firefox，Chrome等现代浏览器。除了居于核心的一小部分代码之外，剩下的jQuery都是松散的函数，扩展性很强。http://plugins.jquery.com上有成千上万的jQuery插件，你需要的功能几乎都有对应的jQuery插件，而且不止一个。  jQuery代码的头部是License声明。采用了GPLv2和MIT双协议。而在jQuery声明下是另一个项目的声明：Sizzle。这是jQuery作者另外的一个开源项目，在MIT、BSD和GPL下发布。它是一个独立的selector实现（pure-JavaScript CSS selector engine），可以独立使用。它的压缩版本只有3KB多一点，号称效率最高的选择器实现。jQuery从1.3开始使用Sizzle代替了原来的selector实现。  JS代码中有大量的()和{}，这里使用的是Vim阅读，因为%命令可以快速的找到匹配的括号。  代码总体结构和变量  jQuery的代码整体上就是一个匿名函数调用:  。

复制代码代码如下

(function (window, undefined) {  // ...  })(window);  。

这是为了避免污染全局对象，同时也可以方便的管理执行上下文。这个技巧在JS代码中经常见到，在jQuery代码中也很常见。比如，在jQuery和其他JS库同时使用时，$符号可能已经被使用了。为了仍然使用$符号：  。

复制代码代码如下

(function ($) {  // $("...")... 照常使用$  })(jQuery);  。

在这里传入真正的jQuery对象。  下面进入真正的实现部分，首先是$，也就是jQuery对象的声明，其中最基本的两个成员也列出来了：  。

复制代码代码如下

var jQuery = (function() {  var jQuery = function(selector, context) {  // 真正的初始化函数  return new jQuery.fn.init(selector, context, rootjQuery);  },  // 一大堆变量声明  // fn是主要的函数实现点，也是jQuery插件的起点。实际上就是JS原型  jQuery.fn = jQuery.prototype = {  };  // 一个扩展对象用的函数，可以动态地往对象上加成员。以后往jQuery里面加成员都是用extend函数完成的。  jQuery.extend = jQuery.fn.extend = function() {  };  // ...  return jQuery;  })();  。

jQuery对象是核心对象，所有$(...)得到的都是jQuery对象，除了少部分直接实现在jQuery下的Utility函数之外，大部分函数都是用extend方法加到jQuery对象里的.

最后此篇关于jQuery 源码分析笔记的文章就讲到这里了,如果你想了解更多关于jQuery 源码分析笔记的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

27 4 0
文章推荐： php学习之变量的使用
文章推荐： php学习之数据类型之间的转换代码
文章推荐： PHP显示今天、今月、上月、今年的起点/终点时间戳的代码
文章推荐： JS 网站性能优化笔记
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com