标题很奇怪,这不废话嘛~
平时要从一组jQuery对象里面取原生DOM对象,常用的方法是使用$('div')[0]
这样来取得其中的第一个div,久而久之,我习惯性地把$('div')
当成是一个数组了,当然虽然知道它是对象,但是脑袋就是转不过弯来。
<div>1</div>
<div>2</div>
<div>3</div>
对于上面的HTML代码,使用$('div')
可以取得含有这3个DOM对象的一个jQuery对象,要取第三个div就使用$('div')[2]
,看起来很像是取数组的第三个值是不是,是不是,是不是?看一下这个jQuery对象是怎么构成的吧:
首先再次确认了它是一个对象,然后,发现,原来所谓的1
、2
、3
只是一个属性名。
对象的属性访问方式有两种,一种是obj.prop1
,一种是obj["prop1"]
,不过如果使用前者是有限制的,那就是这个属性名只能是合法的标识符,即使用字母或者_
或者$
开头,同时也不能是保留字,比如class;后者则没有这些限制。
对应这个例子,就不难理解啦。