加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jQuery1.3.2源码学习3-4:init 函数分析

发布时间:2018-09-03 01:00:07 所属栏目:业界 来源:站长网
导读:init 函数分析 首先,看一下在 jQuery 中可以使用的四类构建对象的方式: l $( expression, [ context ] ),串的内容是一个 CSS 选择器,例如:$(#msg) 中的 msg 就是一个元素的 ID l $( html ),一个 HTML 串,返回一个 DOMElement 元素对象 l $(函数),re
init 函数分析

首先,看一下在 jQuery 中可以使用的四类构建对象的方式:
l $( expression, [ context ] ),串的内容是一个 CSS 选择器,例如:$(“#msg”) 中的 msg 就是一个元素的 ID
l $( html ),一个 HTML 串,返回一个 DOMElement 元素对象
l $(函数),ready 事件的处理函数
l $( 对象的引用 ),返回一个经过处理之后的 jQuery 对象

分析 init

35 jQuery.fn = jQuery.prototype = {
36 init: function( selector, context ) {
37 // Make sure that a selection was provided
38 selector = selector || document;
39
40 // Handle $(DOMElement)
41 if ( selector.nodeType ) {
42 this[0] = selector;
43 this.length = 1;
44 this.context = selector;
45 return this;
46 }

第 38 行为 || 运算的特殊使用,表示的含义为如果 selector 不为空,则返回 selector, 如果 selector 为空,则返回 document, 如果都不为空,返回 selector。

从第 41 行开始,处理第一种可能,判断参数对象是否为一个 DOMElement 对象,由于 DOMElement 对象有nodeType 属性,这样就可以判断参数是否为一个 DOM 元素了。
如果是的话,创建一个 jQuery 对象,this 表示通过 new 方式调用 init 函数所创建的对象,然后增加两个用于处理的成员,第一个成员名称为 0 ,值为参数对象,第二个成员的名称为 length,值为 1,实现了一个仿数组对象的对象。最后,将这个 jQuery 对象返回。

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读