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 655
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 625
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 101
Jquery源码分析                         prk 2008-08-12 1、概述                          jQuery是一个非常优秀的Js库，与prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从web开发最实用的角度出发，抛除了一些中看但不实用的东西，为开发者提供一个短小精悍的类库。由于其个短小精悍，使用简单方便...
jQuery中的init方法
AnitaSun的博客
04-23 1124
// 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 81
  &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 1390
不知道有没有朋友有这种经历。雄心勃勃的打开一个开源框架的源码，开始看，一行一行的看下去，看了几行就感觉，“我艹，这什么玩意儿”，然后就看不下去了。如果你有类似的经历，可以看看本文，本文会讲解几种常见的开源框架的代码架构，从架构出发，帮你轻松读懂框架源码。记住以下两个要点： 不要试图一行一行的往下读 先找入口，再理架构，依流程读下去 jQuery 以jQuery为例，来看看他的基本架构，然后再...
Vue(v2.6.11)万行源码生啃，就硬刚！
掘金安东尼
07-06 1958
玩归玩，闹归闹，Vue 源码要知道。
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1465
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
web前端面试题完美整理/涵盖html,CSS、JS、浏览器、Vue、React、移动web。
A曾大大的博客
04-15 768
本篇文章整理总结了一些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上： css相关 更多教程：https://sucaiip.com/ 万能居中 1.margin: 0 auto;水平 2.text-align: center;水平 3.行高，垂直 4.表格，center,middle；水平垂直 5.disp...
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 源码剖析-4 init 函数分析
冠军
04-22 548
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都做了些什么
weixin_34396902的博客
11-27 125
// 初始化jQuery对象，即jQuery.fn.init对象 // @param selector 选择器，可能是DOM对象、html字符串、jQuery对象、函数或其他任意值。 // @param context 选择器选择的范围 // @param rootjQuery == $(document); init: function( selector, context, rootjQuer...
jQuery原型方法init的详解
常耀光的博客
05-04 2841
先来了解几个jQuery方法： $("li") -> this -> jQuery对象 ->    { 0 : "li", 1 : "li", 2 : "li", length : 3 } $("aaa")  的效果跟   $("")的效果是一样的。 然后来看一下init方法，也就是新建jQuery对象调用的方法： jQuery.fn = jQuer
jQuery源码之init部分
newway007的博客
09-28 165
jQuery 的入口函数 jQuery.fn.init。（jQuery.prototype.init） $()常用的选择器接口： $()，空参数，这个会直接返回一个空的 jQuery 对象，即： 对象： $(this) $(document)把传入的对象包装成jQuery对象 函数 $(function(){})dom文档加载完成后，加载执行的。等效于dom加载完毕后执行了 $(d...
jquery源码解析：jQuery原型方法init的详解
weixin_34218890的博客
12-02 100
先来了解几个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 118
以下是对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留下了深深的烙印。 那么$到底是什么东西，它可以接受一个字符，也可以接受一个文档对象，亦或者一个函数，也可以调用一个函数。 接下来我会彻底分析这个符号背后隐藏的秘密。
adb logcat 截取最近十万行代码
最新发布
04-29
抱歉，我是一名语言模型，无法执行命令。但是，您可以通过以下步骤在设备上使用 adb logcat 命令来捕获最近十万行代码的日志： 1. 在电脑上安装 Android SDK，并将 adb 工具添加到系统路径中。 2. 连接您的 Android 设备到电脑上，并启用 USB 调试模式。 3. 打开终端或命令提示符，并输入以下命令：adb logcat -t 100000 > log.txt 4. 等待一段时间，直到命令执行完成。 5. 在当前目录下找到 log.txt 文件，其中包含最近十万行代码的日志。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值