jQuery action类型实例方法探究:Array转换

关于jQuery原型对象中的action类型实例方法,如果严格按照Spark对Action概念的定义来说,除了构造jQuery对象的Sizzle和变形jQuery对象的Transform,其余的包括到纯粹数组的转换、属性操作Attr、事件处理Event、DOM操作等统统算作是Action领域,剩余其他的比如ajax功能、异步队列Deferred、数据缓存Data等算是工具领域吧,这样划分的话算是对jQuery有一个整体脉络上的定性。后续文章就按照Action系列和工具系列拆解分析。

本篇分析Action中的"Array转换"主题,其实关于"Array转换"最重要的只有两个方法,相比较Transform和其他Action,实在足够简单了。


一 jQuery.prototype.toArray方法


	toArray: function() {
		return slice.call( this, 0 );
	},

就这么一行代码的方法,逻辑上与其他数百行的比如动画操作Action真的没有区别。关键还是借用了Array.prototype.slice的强大能力,当然前提是这里的this关键字代表的是jQuery实例对象,而jQuery实例对象是Array-Like Object,这个系列反复提及Array-Like Object,如果不理解这个概念,是入不了jQuery的大门的(当然也入不了javascript的门)。

二 jQuery.prototype.get方法


	// Get the Nth element in the matched element set OR
	// Get the whole matched element set as a clean array
	get: function( num ) {
		return num == null ?

			// Return a 'clean' array
			this.toArray() :

			// Return just the object
			( num < 0 ? this[ this.length + num ] : this[ num ] );
	},

这样使用$("x").get()时,返回的是一个"选中原生客户端对象集合"的真正数组。
$("x").get(-1),参数是负整数,返回"选中原生客户端对象集合"最后一个客户端对象。所有对数组index以0开头的语言都可以对数组对象执行[ this.length + num ]运算取出从右到左的第abs(num)个元素。
$("x").get(i),参数i是非负整数,取出"选中原生客户端对象集合"从左到右的第(i+1)个客户端对象。核心原理还是“jQuery实例对象是Array-Like Object”。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值