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 @   JackieDYH  阅读(7)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示