jQuery学习笔记之jQuery.fn.init()的参数分析
jQuery学习笔记之jQuery.fn.init()的参数分析
发布时间:2016-12-30 来源:查字典编辑
摘要:从returnnewjQuery.fn.init(selector,context,rootjQuery)中可以看出参数selector和c...

jQuery学习笔记之jQuery.fn.init()的参数分析1

从return new jQuery.fn.init( selector, context, rootjQuery )中可以看出

参数selector和context是来自我们在调用jQuery方法时传过来的.

那么selector和context都有哪些可能.

jQuery学习笔记之jQuery.fn.init()的参数分析2

对于表格中的4~9行中的可能做具体分析.

jQuery学习笔记之jQuery.fn.init()的参数分析3

如果selector是字符串,则首先检测是html代码还是#id.

126行的if语句:以"<"开头,以">"结尾,且长度>=3.则假设额这个是HTML片段,这里只是假设不一定就是合肥的html代码.比如"<div><guofsfsdfd>";

130行的else:表示不是html代码.这个时候用正则表达式来检测.

jQuery学习笔记之jQuery.fn.init()的参数分析4

我对正则不是很懂.不过大致可以看懂,匹配的是html和id.匹配的结果赋值给match.

分析完了selector,context参数后,我们是不是忘了rootjQuery参数.

这个参数是jQuery内部定义的.不是我们手动从外部传入的.

从名字上我们大概能猜出这个参数的大概情况了:根部的jQuery对象.

看源码定义:

jQuery学习笔记之jQuery.fn.init()的参数分析5

那么什么情况下,程序会用到这个参数呢?

1.当document.getElementById()查找失败,

jQuery学习笔记之jQuery.fn.init()的参数分析6

2.selector是函数:

jQuery学习笔记之jQuery.fn.init()的参数分析7

3.selector是选择器表达式,且未指定context;

jQuery学习笔记之jQuery.fn.init()的参数分析8

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类