jQuery 对象及伪数组

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 = 0weiArr[0] = 'niuniu'weiArr.length = 1weiArr[1] = 123weiArr.length = 2for(var i = 0;i<weiArr.length;i++) {var obj = weiArr[i]console.log(i,obj)}</script></body>

jQuery 对象及伪数组相关推荐

关于jQuery对象（类数组对象）以及DOM对象相互转化问题——[object Object]和[object HTMLInputElement]
之前在某官网课程上看有关jQuery和bootstrap的相关教程,有一节课是教我们如何制作价格菜单的按钮以及总价问题选中按钮,按钮样式会发生变化,右上角价格会自动运算 6个菜单的html结构差不多 ...
python 全栈开发，Day51(常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍)...
昨日内容回顾 1.三种引入方式1.行内js <div onclick = 'add(3,4)'></div>//声明一个函数function add(a,b){}2.内接js& ...
前端JavaScript(2) --常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍...
昨日内容回顾 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 ...
怎么根据css类将html转换成数组,JavaScript_js中将HTMLCollection/NodeList/伪数组转换成数组的代码，这里把符合以下条件的对象称 - phpStudy...
js中将HTMLCollection/NodeList/伪数组转换成数组的代码这里把符合以下条件的对象称为伪数组 1,具有length属性 2,按索引方式存储数据 3,不具有数组的push,pop等 ...
jQuery 1.6 源码学习（六）——core.js[6]之jQuery对象/数组操作相关方法
本文将分析jQuery对象操作相关方法(包括静态和实例方法): merge方法,代码如下: //此方法用于合并两个jQuery对象(因为jQuery对象中有length属性)或者数组,//这个方法非常 ...
jquery 1.7.2源码解析（二）构造jquery对象
构造jquery对象 jQuery对象是一个类数组对象. 一)构造函数jQuery() 构造函数的7种用法: 1.jQuery(selector [, context ]) 传入字符串参数:检查该字符 ...
java 真数组伪数组_伪数组(ArrayLike)
伪数组的定义和特性伪数组 (ArrayLike),又称类数组.是一个类似数组的对象,但是有如下几个特征: 按索引方式储存数据: 0: xxx, 1: xxx, 2: xxx... 具有length属 ...
如何将伪数组转换成数组
如何将伪数组转换成数组如何将伪数组转换成数组?这里把符合以下条件的对象称为伪数组 1,具有length属性 2,按索引方式存储数据 3,不具有数组的push,pop等方法如 1,function内 ...
jQuery学习笔记系列（一）——入口函数，jQuery对象和DOM对象，jQuery选择器、样式操作、效果（显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列）
day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 ...

jQuery 对象及伪数组

jQuery 对象及伪数组相关推荐

最新文章

热门文章