jQuery 对象及伪数组

最新推荐文章于 2022-09-20 20:44:33 发布

梁同学与Android

最新推荐文章于 2022-09-20 20:44:33 发布

阅读量763

点赞数 2

本文链接：https://blog.csdn.net/qq_43290288/article/details/104553689

版权

jQuery 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

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>

在这里插入图片描述

梁同学与Android

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery 对象及伪数组

1.概念jQuery对象是一个包含所有匹配的任意多个元素的伪数组对象也就是说，jQuery对象是一个伪数组下面来介绍一下他的属性(行为)2.基本行为(1)size()/length：包含的DOM元素的个数(2)[index]/get(index)：得到对应位置的DOM元素(3)each()：遍历包含的所有DOM元素(4)index()：得到在所有兄弟元素中的下标3.伪数组(类型...
复制链接

扫一扫