Jquery 万行代码解析之路(二)—jquery构造函数init

最新推荐文章于 2021-12-12 20:53:26 发布
最新推荐文章于 2021-12-12 20:53:26 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： 前端 javaScript jQuery 文章标签： jquery 函数 对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dodd9199/article/details/52506259
版权
本文继续探讨jQuery的实现细节，重点关注jQuery的核心函数`init`。上文提到，`jQuery()`函数通过返回`new jQuery.fn.init()`对象实现不使用`new`关键字也能调用jQuery方法。`init`函数主要负责根据传入的选择器执行相应的操作。文章将详细解释`init`函数内部的工作原理，并预告下篇文章将讨论`jQuery.makeArray`函数。
摘要由CSDN通过智能技术生成

嗯，先回顾一下上篇文章讲的内容，上篇讲了jquery中的 ()即jQuery()函数返回的是一个拥有jQuery

最低0.47元/天 解锁文章
Dodd9199
关注
专栏目录
jQuery源码解读之init函数
Sherry's Blog
10-26 670
jQuery的构造方法： // 直接new了一个对象。同时根据jQuery.fn = jQuery.prototype，jQuery.fn相当于jQuery.prototype。 jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); }, jQue...
jQuery源码之init函数的分析
Dear_Mr的博客
10-16 642
jQuery源码之init函数的分析精妙处之一init在源码中最先出现的位置是jQuery定义的地方，如下所示var ... jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' //
Jquery源码分析(一）
蝶飞鸿云 志化燕雀(http://jxnuprk.cnblogs.com/)
08-15 109
Jquery源码分析                         prk 2008-08-12 1、概述                          jQuery是一个非常优秀的Js库，与prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从web开发最实用的角度出发，抛除了一些中看但不实用的东西，为开发者提供一个短小精悍的类库。由于其个短小精悍，使用简单方便...
jQuery中的init方法
AnitaSun的博客
04-23 1150
// if(typeof selector === "string") 的情况 // selector 代表的是选择的东西 // context 代表在什么范围内选择（不填就是选择全部） // $('<li>'); match = [null, '<li>', null]; // $('<li>1</li><li>12</li>'); match = [null, '<li>1</li>&l
jquery init 关系
weixin_34161032的博客
05-25 89
  &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=u
从架构入手轻松读懂框架源码-以jQuery，Zepto，Vue和lodash-es为例
小分享
02-13 1413
不知道有没有朋友有这种经历。雄心勃勃的打开一个开源框架的源码，开始看，一行一行的看下去，看了几行就感觉，“我艹，这什么玩意儿”，然后就看不下去了。如果你有类似的经历，可以看看本文，本文会讲解几种常见的开源框架的代码架构，从架构出发，帮你轻松读懂框架源码。记住以下两个要点： 不要试图一行一行的往下读 先找入口，再理架构，依流程读下去 jQuery 以jQuery为例，来看看他的基本架构，然后再...
Vue(v2.6.11)万行源码生啃，就硬刚！
掘金安东尼
07-06 2011
玩归玩，闹归闹，Vue 源码要知道。
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1528
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
web前端面试题完美整理/涵盖html,CSS、JS、浏览器、Vue、React、移动web。
A曾大大的博客
04-15 817
本篇文章整理总结了一些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上： css相关 更多教程：https://sucaiip.com/ 万能居中 1.margin: 0 auto;水平 2.text-align: center;水平 3.行高，垂直 4.表格，center,middle；水平垂直 5.disp...
jQuery 源码剖析-4 init 函数分析
冠军
04-22 551
47  // Handle HTML strings48  if ( typeof selector === "string" ) {49     // Are we dealing with HTML string or an ID?50     var match = quickExpr.exec( selector );5152     // Verify a match
jQuery构造函数init参数分析
10-24
主要介绍了jQuery构造函数init参数分析,今天主要是分析一下jQuery中init选择器构造函数,处理选择器函数中的参数,感兴趣的朋友可以了解下
jQuery源码分析之init的详细介绍
12-04
init 构造器 由于这个函数直接和 jQuery() 的参数有关，先来说下能接受什么样的参数。 源码中接受 3 个参数： init: function (selector, context, root) { ... } jQuery() ，空参数，这个会直接返回一个空的 jQuery 对象，return this。 jQuery( selector [, context ] ) ，这是一个标准且常用法，selector 表示一个 css 选择器，这个选择器通常是一个字符串，#id 或者 .class 等，context 表示选择范围，即限定作用，可为 DOM，jQuery 对象。
jQuery的init都做了些什么
weixin_34396902的博客
11-27 135
// 初始化jQuery对象，即jQuery.fn.init对象 // @param selector 选择器，可能是DOM对象、html字符串、jQuery对象、函数或其他任意值。 // @param context 选择器选择的范围 // @param rootjQuery == $(document); init: function( selector, context, rootjQuer...
jQuery原型方法init的详解
常耀光的博客
05-04 2866
先来了解几个jQuery方法： $("li") -> this -> jQuery对象 ->    { 0 : "li", 1 : "li", 2 : "li", length : 3 } $("aaa")  的效果跟   $("")的效果是一样的。 然后来看一下init方法，也就是新建jQuery对象调用的方法： jQuery.fn = jQuer
jQuery源码之init部分
newway007的博客
09-28 173
jQuery 的入口函数 jQuery.fn.init。（jQuery.prototype.init） $()常用的选择器接口： $()，空参数，这个会直接返回一个空的 jQuery 对象，即： 对象： $(this) $(document)把传入的对象包装成jQuery对象 函数 $(function(){})dom文档加载完成后，加载执行的。等效于dom加载完毕后执行了 $(d...
jquery源码解析：jQuery原型方法init的详解
weixin_34218890的博客
12-02 111
先来了解几个jQuery方法： <li></li> <li></li> <li></li> $("li")　　->　　this　　->　　jQuery对象　　-> {　　0 : "li", 1 : "li", 2 : "li", length : 3　　} $("<li>aaa")...
jQuery源码解析之init
sunnana的博客
05-22 129
以下是对jquery-1.6.1.js中的init的解析，旨在分析ID选择器返回唯一一个匹配的元素（1），而多条件选择器返回的确是全部匹配的元素（2）。 （1）是ID选择器走的分支 （2）是多条件选择器走的分支 [code="java"] init: function( selector, context, rootjQuery ) { var match, elem, ret,...
$到底是什么-详解jQuery的$符号和init函数
热门推荐
pgmsoul的专栏
09-21 1万+
前言 本文所有代码，出自jQuery.1.5.2，为方便理解，引入类的概念，虽然jQuery不是基于面向对象思想。 jQuery是现在最流行的Javascript框架， $是其中最常见的符号，已经在jQuery留下了深深的烙印。 那么$到底是什么东西，它可以接受一个字符，也可以接受一个文档对象，亦或者一个函数，也可以调用一个函数。 接下来我会彻底分析这个符号背后隐藏的秘密。
随笔：用心良苦 - 理解 jQuery 的构造函数
言川的博客
05-09 4314
最近有人问 jQuery 的构造函数为什么写的那么奇怪，不好理解。其实我刚开始看 jQuery 源码的时候也有这个疑问，下面是 jQuery 构造函数的关键代码：jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); },jQuery.fn = jQuery.protot
生成十万行代码的有趣项目yuzbinsatirkoduretici
资源摘要信息:"yuzbinsatirkoduretici是一个旨在为喜欢计算代码行数的用户创建一个包含十万行代码的有趣项目的工具。该工具可以通过执行一个shell脚本yuzbinsatirgenerator.sh来生成所需的代码文件yuzbinsatirkod.sh...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值