看一下new一下jQuery.fn.init到底返回了什么。
1.如果参数selector是空或者无效的话,返回了一个this。
很显然这个this是在jQuery.fn.init之内的,所以返回的这个this就是方法jQuery.fn.init的一个实例,但是这个方法其实是没有任何可以向外输出的方法或者属性的,那返回的这个实例有什么用?
原来关键在于这一句
jQuery.fn.init.prototype = jQuery.fn;
把jQuery.fn.init.prototype指向jQuery.fn这个object,那么jQuery.fn的所有方法和属性就都归jQuery.fn.init所有了,往下面看我们可以发现方法的扩充都是对jQuery.fn这个object来实行的。
2.如果select是个DOM元素的话,会有这样一个操作:
this.context = this[0] = selector;
关键是这个this[0],乍一看,还以为this怎么又成了数组了?其实这儿不是数组。这就涉及到javascript对象的本质了,javascript所有的对象包括数组都是个哈希表,属性名(包括方法名)就是key,属性值(包括方法实现)就是value。
使用this[0]并不代表这就是个数组,它也可以是个普通的object,比如:
var a = {length:3,0:0,1:1,2:2};
a.length = 2;
alert(a[0]);
alert(a[1]);
alert(a[2]);
如果a是数组的话,a[2]应该是没有值的,但是上面有。
另外,使用
Object.prototype.toString.call(a)
也可以判读其不是个数组。
对于哈希表的值有两种存取方式,一种是
object.key
第二种是:
object[key]
如果key是数字,或者是javascript的关键字,保留字,或者有空格的话,只能用第二种方式。
从上面的分析可以看出,其实对this[0]的复制,只是对this这个object添加了一个key为0的属性,并赋予其值。
但是,由于其有length属性,以及数字属性,所以其也同样会表现出数组的特性,所以可以使用数组的方法调用,比如
var b = Array.prototype.slice.call(a,0);
题外话,使用firebug调试的时候发现,如果一个object里有length,splice两个属性,就会被firebug显示为数组的形式(比如[])。
分享到:
相关推荐
jquery插件jquery-ui-1.8.18.custom.min.js
最新jquery-ui-1.11.2日期控件,官网下载内涵图片和自己添加的中文辅助jquery-ui-timepicker-zh-CN.js,经过本人测试绝对可以用,不知道怎么用的百度上找个例子即可,需要导入的包 ${ctx}/plugins/jquery-ui-1.11.2/...
jquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-ui
jquery-ui-1.8.2.custom.min.js,jquery-ui-1.8.4.custom.css
jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...
这里包含jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css,我费了好长时间找到的,此东西可以配合jQuery UI开发指南一书使用。
jquery插件jquery-ui-1.8.2.custom.min.js
<script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...
jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-...
jquery-ui-1.8.18.custom
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
最新版jquery-1.6.4-vsdoc.js jQuery的VS智能提示插。压缩包内包含jquery-1.6.4.js jquery-1.6.4.min.js jquery-...2、切记:两个文件的文件名不能修改,并且只要引用jquery-1.6.4.js而不要引用jquery-1.6.4-vsdoc.js。
struts2-jquery-plugin-3.1.0.jar
jquery-ui-1.7.3.custom JQUERY UI
jquery.mobile-1.4.5 jquery.mobile-1.4.5 jquery.mobile-1.4.5
jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js
jquery-ui-1.7.3.custom 完整开发包
jquery-1.4.2-vsdoc.js jquery-1.4.4-vsdoc.js
jquery-ui-1.9.2.custom.min.js
jquery.ui-1.10.3.min.js,jquery.ui-1.10.3.min.jsjquery.ui-1.10.3.min.jsjquery.ui-1.10.3.min.jsjquery.ui-1.10.3.min.jsjquery.ui-1.10.3.min.jsjquery.ui-1.10.3.min.jsjquery.ui-1.10.3.min.jsjquery.ui-...