jQuery源码解析-jQuery1.10.1为例

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>’)

 

posted @ 2022-11-13 16:22  JackieDYH  阅读(6)  评论(0编辑  收藏  举报  来源