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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现