当我将jQuery创建的一些元素保存到数组中时，eq()对它们不起作用

当将jQuery创建的一些元素保存到数组中时，eq()方法对它们不起作用的原因是，eq()方法是用于选择匹配索引位置的元素，而不是用于选择保存在数组中的元素。

jQuery的eq()方法接受一个索引参数，返回匹配索引位置的元素。例如，$("selector").eq(0)将返回选择器匹配的第一个元素。

然而，当将jQuery创建的元素保存到数组中时，这些元素不再是jQuery对象，而是普通的JavaScript对象。因此，无法使用eq()方法来选择它们。

解决这个问题的方法是，使用数组的索引来访问保存的元素。例如，如果将jQuery创建的元素保存在名为elements的数组中，可以使用elements[0]来访问第一个元素，elements[1]来访问第二个元素，依此类推。

另外，如果需要对保存在数组中的元素进行操作，可以使用jQuery的each()方法遍历数组，并对每个元素执行相应的操作。

总结起来，当将jQuery创建的元素保存到数组中时，eq()方法无法直接对它们起作用，需要使用数组的索引来访问和操作这些元素。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jQuery原理

NaN 0 false.返回空的jQuery对象 2.字符串代码片段：会将创建好的DOM元素储存到jQuery对象中返回选择器：会将所有找的元素存储到jQuery对象中返回 3.数组会将数组中的元素依次存入到...jQuery对象 2.字符串代码片段：会将创建好的DOM元素储存到jQuery对象中返回选择器：会将所有找的元素存储到jQuery对象中返回 3.数组会将数组中的元素依次存入到jQuery对象中返回...)) { kjQuery.ready(selector); } // 2.字符串 // 代码片段：会将创建好的DOM元素储存到jQuery对象中返回...else if (kjQuery.isString(selector)) { // 代码片段：会将创建好的DOM元素储存到jQuery对象中返回 if (kjQuery.isHTML...jQuery对象中返回 // 1.根据传入的选择器找到对应的元素 var res = document.querySelectorAll(selector); // 2.将找到的元素添加到

6181 0

jQuery源码研究：jQuery原型对象上的属性方法(下)

至于this.pushStack()方法中的参数，可以明显看到它是jQuery构造对象上定义了一个方法map，该方法内部具体实现尚未可知，因为还没读到那部分，但看参数传递可以大概知道，将新创建的元素集合和对新集合进行处理的回调函数传入进去了...看到没，返回的依然是一个新的通过pushStack创建的jQuery对象集合，这个方法传入的参数其实就是通过apply调用的数组的slice分割方法，对slice方法不熟的，可以看下官方API文档，唔，...而它们所用的eq()方法，其实现代码如下： jQuery.prototype = { eq:function(i){ var len = this.length,...注意，在计算j的值的表达示右边中，有个+i，其作用是：当i大于0时无效，但当i小于0时，就会用len-i计算出索引值，这是符合js官方数组索引计算规则的。...最后个end()方法，其功能解释API上说：结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。

8785 0

jQuery对象

当创建新元素（或选择现有元素）时，jQuery返回集合中的元素。jQuery的许多开发人员都认为这个集合是一个数组。.length毕竟，它有一个零索引序列的DOM元素，一些熟悉的数组函数和一个属性。...通过将target元素包装在一个jQuery对象中，这些边缘情况得到了照顾，预期的结果是在所有支持的浏览器中实现的： // Setting the inner HTML with jQuery....链接不是所有的jQuery对象都被创建=== 关于这种“包装”行为的一个重要细节是每个包装的对象是唯一的。即使使用相同的选择器创建对象或包含对完全相同的DOM元素的引用，这一点也是如此。...jQuery对象包装这些元素，以平滑这种体验，使常见任务变得容易。当使用jQuery创建或选择元素时，结果将始终包含在一个新的jQuery对象中。...如果情况需要原生DOM元素，则可以通过.get()方法和/或数组样式的下标访问它们。

1.1K1 0

jquery对象和dom对象的相互转换

1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom....innerHTML; 3、如何获取jQuery集合的某一项对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。...随后的每次点击都重复对这两个函数的轮番调用。 //每次点击时轮换添加和删除名为selected的class。...可以有多个参数（合并多项并返回） $.map(array, fn)：数组映射。把一个数组中的项目(处理转换后) 保存到到另一个新数组中，并返回生成的新数组。

3.3K4 0

jquery 使用方法

使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。...5 $('div').eq(5); //选择第6个div元素有一些时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动方法： 1 $('div').next(...，或者对它们进行赋值。...'); 3 $('ul').append('list item'); 七、工具方法　　除了对选中的元素进行操作以外，jQuery还提供一些工具方法(utility)，不必选中元素...如果该值不在数组中，则返回-1。 4 $.grep() 返回数组中符合某种标准的元素。 5 $.extend() 将多个对象，合并到第一个对象。

1.6K1 0

Jquery 使用技巧总结

、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。...(0).innerHTML; 3、如何获取jQuery集合的某一项对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。...随后的每次点击都重复对这两个函数的轮番调用。 //每次点击时轮换添加和删除名为selected的class。...可以有多个参数（合并多项并返回） $.map(array, fn)：数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。

2.9K2 0

jQuery设计思想

/退回到选中所有的h3元素的那一步　　　.eq(0) //选中第一个h3元素　　　.html('World'); //将它的内容改为World 四、元素的操作：取值和赋值操作网页元素，最常见的需求是取得它们的值...，或者对它们进行赋值。...'); 　　$('ul').append('list item'); 七、工具方法 jQuery设计思想之六：除了对选中的元素进行操作以外，还提供一些与元素无关的工具方法（utility...$.each() 遍历一个数组或对象。 $.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中，则返回-1。 $.grep() 返回数组中符合某种标准的元素。...(e) { 　　　　alert(e.type); // "click" 　　}); 这个事件对象有一些很有用的属性和方法： event.pageX 事件发生时，鼠标距离网页左上角的水平距离

2.2K6 0

jQuery选择器和选取方法

本章中我们已看到过的大部分jQuery方法都是在选中元素上执行某种操作。选取方法不一样:它们会修改选中元素集，对其进行提取、扩充或仅作为新选取操作的起点。本节描述这些选取方法。...可以将传给()函数的任何参数(除了函数)照样传给add()方法。add()方法会返回原来的选中元素，加上传给()函数的那些参数所选中(或创建)的那些元素。...大部分都接受可选的选择器字符串作为参数。不传入选择器时，它们会返回所有子元素、兄弟元素或父元素。传入选择器时，它们会过滤元素集，仅返回匹配的。...当这里所描述的选取方法在创建或返回一个新的ejQuery对象时，它们会给该对象添加一个到它派生自的旧jQuery对象的内部引用。这会创建一个jQuery对象的链式表或栈。...()方法的兼容，可以将新的元素集作为数组或类数组对象传递给push5tack()方法。

5.2K4 0

jQuery笔记(1) (多图)

如何使用: 首先我们去到jQuery官网,点击下载压缩的比较厉害,我们直接粘贴到我们自己创建的jQuery.min.js文件里就好了现在做一个操作感受一下jQuery的优势:...中的window.把元素利用包装成jQuery对象,就可以调用jQuery的方法. jQuery对象和DOM对象用原生的开始获取的对象就是DOM对象 jQuery方法获取的元素就是jQuery对象...隐式迭代(重要) 遍历内部DOM元素(伪数组形式存储)的过程就叫做隐式迭代简单理解: 给匹配到的所有元素进行遍历循环,执行相应的方法,而不用我们再去循环,简化我们的操作,方便我们调用....再做一个案例:淘宝精品案例当我们鼠标移到商品名称时,相应的图片显示出来,结构写出来是这样的: 内容的结构是这样的: jQuery的写法: 真的超级方便快捷啊!!...,在动画完成时执行的函数,每个元素执行一次但是一般都不用这个,因为这个动画实在太丑.

9K1 0

jQuery 入门指南教程

jQuery的基本设计和主要用法，就是”选择某个网页元素，然后对其进行某种操作”。这是它区别于其他函数库的根本特点。...注意dom对象和jQuery对象是有区别的，调用方法时要注意操作的是dom对象还是jQuery对象。普通的dom对象一般可以通过$()转换成jQuery对象。...'); // 将它的内容改为 World jQuery 常用工具方法除了对选中的元素进行操作以外，jQuery还提供一些工具方法（utility），不必选中元素，就可以直接使用。...$.each() 遍历一个数组或对象。 $.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中，则返回-1。 $.grep() 返回数组中符合某种标准的元素。...$.extend() 将多个对象，合并到第一个对象。 $.makeArray() 将对象转化为数组。 $.type() 判断对象的类别（函数对象、日期对象、数组对象、正则对象等等）。

1.2K1 1

jQuery源码研究：jQuery原型对象上的属性方法(上)

toArray方法：返回一个包含jQuery对象集合中的所有DOM元素的数组。这个方法不接收任何参数。所有匹配的DOM节点都会包含在一个标准的数组中。...num个的元素集合，否则就返回所有匹配的元素数组 1jQuery.prototype = { 2 get: function(num) { 3 //返回所有元素的数组 4...pushStack()方法：用于将一个DOM元素集合加入到jQuery栈。...1jQuery.prototype = { 2 pushStack: function( elems ) { 3 // 创建一个新的jQuery匹配元素集合 4...例如这个沙雕作法：向 jQuery 栈中先压入一些元素，然后再删除它们，之后再退回到之前刚压入栈的状态。

1.1K4 0

js常用方法

①replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。...var newAttr = ['a','b','c'],temp='a'; jQuery中：$.inArray(temp, newArr)判断数组中是否存在某一个元素返回下标，如果存在返回值为>=0...这时回到上面，我们可以得出，$("#tb").children() 获取的是两个tr元素（不包括它们子元素td），而children里面的选择器则是在获取的两个tr元素里再根据条件进行筛选，所以上面那种写法获取不到值...() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 $("h1,h2,...p").toggleClass("blue"); css() - 设置或返回样式属性 ⑤jQuery 删除 remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素(

3.4K3 0

学习jQuery设计思想有感

我认为是有的，因为jQuery中也蕴含了很多编程套路，我们新人应该学习一些jQuery的思想，它可以作为一个过渡，帮助我们更好地理解Vue和React等更为复杂的框架设计思想我们知道，jQuery的基本设计思想和主要用法...，就是"选择某个网页元素，然后对其进行某种操作"。...展开来讲就是：提供一个函数，这个函数接受一个选择器(或数组)，根据这个选择器获取一些元素，然后返回一个对象(我们称为api)，这个对象有一些方法可以操作这些元素。...'h3') 　　　.eq(2) 　　　.html('Hello') 　　　.end() //退回到选中所有的h3元素的那一步　　　.eq(0) //选中第一个h3元素　　　.html('World'...也可以是jQuery特有的表达式 $('a:first') 选择网页中第一个a元素 $('tr:odd') 选择表格的奇数行 $('#myForm :input') 选择表单中的input元素 $('div

8023 0

JQuery最全常用方法指南

map(callback) 将jQuery对象中的一组元素利用callback方法转换其值，然后添加到一个jQuery数组中。 not(expr) 从匹配的元素集合中删除与指定的表达式匹配的元素。...; jQuery.makeArray(obj) 将一个类似数组的对象转化为一个真正的数组将选取的div元素集合转化为一个数组 var arr = jQuery.makeArray(document.getElementsByTagName...- 1 jQuery.unique(array) 删除数组中的所有重复元素，返回整理后的数组 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。...可以有多个参数（合并多项并返回） $.map(array, fn)：数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。

11K3 1

简单、通用的JQuery Tab实现

最近我在实际应用中，逐步完善出一种基于 jQuery，但是比 jQuery UI Tabs 插件更小巧也更通用的简单 Tabs 实现。...但是我在实际应用中遇到了一些问题，除了 jQuery UI 自带的 JS 脚本很大，CSS 不符合实际应用需求外，还有一个最大的问题，你可能已经注意到了，在作为导航的标签定义中，每个标签对应哪一个区域是用链接目标来定义的...而且，这种方式来带来另一个麻烦，就是当我们需要给标签加上链接的时候，没办法加。即使你将标签的激活事件设置为 onmouseover 而不是 onclick, 链接也不能实现，因为链接用于指定目标了。....find("li") 来找到要添加事件的元素，绑定事件的时候，我们可以通过该元素在 $(".tabs li") 集合中的索引值来明确是哪一个标签被激活，然后对应索引值的 panel 显示。...在实际使用中，会遇到一个问题，一般我们会给 tab 中的文字加链接，那么当鼠标滑过这个 tab 的时候，如果指到了文字，那么激发事件的对象有可能是 A 元素而不是 LI 元素，则事件就不能正确激发。

4.6K5 0

JQuery选择器（中）

HTML5学堂：在学习JQuery开发的时候，选择器有多种，而我们将接着介绍选择器的其他类型，希望对大家有帮助！...,以后再写 jQuery的其他的core部分: eq(数字):将匹配的元素集合缩减为一个元素。...这个元素在匹配元素集合中的位置变为0,而集合长度变成1 gt(数字):将匹配的元素集合缩减为给定位置之后的所有元素 lt(数字):将匹配的元素集合缩减为给定位置之前的所有元素上面三个的例子: $("div...这意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的元素(每次都是一个不同的匹配元素).而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数...$("img").each(function(i){ this.src = "test" + i + ".jpg"; });//迭代图像,并设置它们的src属性 get():如果没有参数,返回所有,是一个对象数组

2K9 0

jQuery基本操作

jQuery的核心思想 window提供一个全局函数jQuery jQuery函数接受一个选择器选择器会获取这些元素，但不会返回这些元素会返回一个对象，称为jQuery构造出来的对象对象里有一些函数...（方法），这些函数会操作这些元素 //闭包同时返回this //链式操作一、选择网页中的元素 jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。...这是它区别于其他Javascript库的根本特点。使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。...，或者对它们进行赋值。...元素的操作：复制、删除和创建除了元素的位置移动之外，jQuery还提供其他几种操作元素的重要方法。

851 0

前端开发面试题总结之——JAVASCRIPT.One

push 方法将新元素添加到一个数组中，并返回数组的新长度值。 var a=[1,2,3,4]; a.push(5); pop 方法移除数组中的最后一个元素并返回该元素。...var a=[1,2,3,4]; a.pop(); shift 方法移除数组中的第一个元素并返回该元素。...var a=[1,2]; alert(a.shift()); unshift 方法将指定的元素插入数组开始位置并返回该数组。...闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环） jQuery 中如何将数组转化为 json 字符串，然后再转化回来？...提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等如何判断当前脚本运行在浏览器还是 node 环境中？

1541 0

jQuery原理（原型上的属性、方法）

push: [].push, // 对实例中的元素进行排序 sort: [].sort, // 按照指定下标指定数量删除元素，也可以替换删除的元素 splice...）所以也就相当于[].push.apply(this)将元素添加到对象身上 jQuery原型上的方法 toArray 把实例转换为数组返回 toArray: function () { return...，是jQuery类型的实例对象 first: function () { return this.eq(0); }, last：获取实例中的最后一个元素，是jQuery类型的实例对象 last:...，然后把回调的返回值收集起来组成一个新的数组返回 map方法与each方法的区别 each静态方法默认的返回值就是, 遍历谁就返回谁； map静态方法默认的返回值是一个空数组 each静态方法不支持在回调函数中对遍历的数组进行处理...；map静态方法可以在回调函数中通过return对遍历的数组进行处理, 然后生成一个新的数组返回 kjQuery.extend({ map: function (obj, fn) {

9712 0

【深入浅出jQuery】源码浅析--整体架构

// 传入 JS 对象 jQuery(object) // 传入 jQuery 对象 jQuery(jQuery object) // 传入原始 HTML 的字符串来创建 DOM 元素 jQuery(html...= jQuery.prototype = { // 将一个 DOM 元素集合加入到 jQuery 栈 // 此方法在 jQuery 的 DOM 操作中被频繁的使用, 如在 parent(), find...(), filter() 中 // pushStack() 方法通过改变一个 jQuery 对象的 prevObject 属性来跟踪链式调用中前一个方法返回的 DOM 结果集合 // 当我们在链式调用...pushStack() 方法生成，该方法将一个 DOM 元素集合加入到 jQuery 内部管理的一个栈中，通过改变 jQuery 对象的 prevObject 属性来跟踪链式调用中前一个方法返回的 DOM...其他用 $ 作为别名的库的代码结束语对 jQuery 整体架构的一些解析就到这里，下一篇将会剖析一下 jQuery 中的一些优化小技巧，一些对编程有所提高的地方。

6694 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云