jQuery框架与构造对象_java频道_java教程

首页>java频道>java教程>正文

jQuery框架与构造对象

www.zige365.com 2010-6-7 11:11:09 点击：次发送给好友和学友门交流一下收藏到我的会员中心

if ( selector.nodeType ) {

this[0] = selector;

this.length = 1;

this.context = selector;

return this;

}

//typeof 取对象的类型，用三个等号效率较高，不需要类型转换，两个等号默认有类型转换

if ( typeof selector === "string" ) {

//这里用到了我们前面提到的正则表达式quickExpr

//match其实是一个数组

//第0个元素是与正则表达式相匹配的文本

//第1个元素是与正则表达式的第1个子表达式相匹配的文本（如果有的话）

//第2个元素是第2个子表达式相匹配的文本（如果有的话）

//第3个元素是第3个子表达式相匹配的文本（如果有的话）这里就是元素的ID，不包含#

var match = quickExpr.exec( selector );

//正则表达式匹配到了内容并且 match[1]不为空或者 context为空

//match[1]不为空的时候selector是HTML字符串，也就是你可以用$("

xland

")把对象包装成jQuery对象

//context为空的时候selector是页面元素ID

if ( match && (match[1] || !context) ) {

//选择器为html字符串此情况暂且不表

if ( match[1] ){

selector = jQuery.clean( [ match[1] ], context );}

//选择器为ID

else {

//得到元素

var elem = document.getElementById( match[3] );

//如果得到了这个元素但是元素的ID属性不是match[3]，跳入分支。分支里面的东西做了什么工作，暂且不表

if ( elem && elem.id != match[3] ){

return jQuery().find( selector );}

//把得到的页面元素封装成jQuery对象

//如果elem为空，就传入一个空数组，框架怎么处理此空数组，暂且不表

//如果不为空就跳入我们前面说的if ( selector.nodeType )分支，构造出jQuery对象来

var ret = jQuery( elem || [] );

//设置jQuery对象的context属性

ret.context = document;

//设置jQuery对象的selector属性

ret.selector = selector;

//返回这个对象给调用者

return ret;

}

至此

var obj = $(“#yourId”);

构造jQuery对象的初步工作就做完了

本新闻共2页,当前在第2页 1 2

我要投稿新闻来源：编辑：作者: