jQuery 对象及伪数组
程序员文章站
2022-06-10 09:31:30
...
1.概念
jQuery对象 是一个包含所有匹配的任意多个元素的伪数组对象
也就是说，jQuery对象是一个伪数组
下面我们来证明一下为什么jQuery对象是一个伪数组
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button id="but4">按钮4</button>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
var buttons = $('button')
console.log(buttons instanceof Array)//看后台输出
</script>
</body>
输出结果是false,所以jQuery对象是一个伪数组
下面来介绍一下他的属性(行为)
2.基本行为
(1)size()/length：包含的DOM元素的个数
(2)[index]/get(index)：得到对应位置的DOM元素
(3)each()：遍历包含的所有DOM元素
(4)index()：得到在所有兄弟元素中的下标
3.伪数组(类型:Object对象)
行为:
(1)length属性
(2)数值下标属性
注:没有数组特别的方法：forEach(),push(),pop(),splice()
自定义一个伪数组:
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button id="but4">按钮4</button>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
var buttons = $('button')
console.log(buttons instanceof Array)
var weiArr = {}
weiArr.length = 0
weiArr[0] = 'niuniu'
weiArr.length = 1
weiArr[1] = 123
weiArr.length = 2
for(var i = 0;i<weiArr.length;i++) {
var obj = weiArr[i]
console.log(i,obj)
}
</script>
</body>
上一篇： 数组常用方法总结以及伪数组转真数组的方法
下一篇： 电商小程序成创业者最受欢迎创业项目
推荐阅读