jQuery源码解析-jQuery1.10.1为例
<script src="https://cdn.bootcss.com/jquery/1.10.1/jquery.js"></script>
jQuery的源码中整体就是一个匿名函数自执行 第一个形参window 接收到的就是 window对象
(function( window, undefined ) {......
})( window );
jQuery的核心内容 $(jQuery) 9797行代码揭示了jQuery对象和$的关系
window.jQuery = window.$ = jQuery;//jQuery是一个函数,返回值是一个对象,这个对象就是jQuery对象
这段代码 是一个 连续赋值 将jQuery变量赋值给window.$之后再赋值给window.jQuery
jQuery变量是什么?在第61行揭示了jQuery变量的身份
// Define a local copy of jQuery
jQuery = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context, rootjQuery );//这里返回的是一个对象 这个对象就是我们说的jQuery对象
//jQuery.fn.init就是函数名 因此,返回语句返回的就是构造函数的调用,由于构造函数调用之后,创建对象,因此返回了构造函数创建的对象
//这里返回的对象就是jQuery对象
}
jQuery(即$)是一个函数
函数可以传参$(‘选择器’) 就可以通过选择器参数来获取指定的jQuery元素
jQuery函数 返回值 jQuery对象
Selector:选择器 context:html内容 rootjQuery:dom元素
小结
jQuery函数
第61行的函数就是jQuery函数
jQuery/$
jQuery对象
就是jQuery函数的返回值
jQuery()/$(‘div’/oDiv/’<div></div>’)
本文来自博客园,作者:JackieDYH,转载请注明原文链接:https://www.cnblogs.com/JackieDYH/p/17634737.html