`

jQuery中eq与get的区别(整理)

阅读更多

相信大部份人都会把这2个的用法搞错。仔细查看下API文档就可以知道。eq返回的是一个jquery对象,get返回的是一个html 对象数组。举个例子:

<p style="color:yellow">绯雨</p>

使用eq来获得第一个p标签的color值:

$("p").eq(0).css("color")  //因为eq(num)返回的是个jq对象,所以可以用jq的方法css

使用get来获得第一个p标签的color值:

$("p").get(0).style.color  //因为get(num)返回的是个html对象,所以要使用传统的HTML对象方法,jq对象此时就没用了。

当然,你也可以get(num)后把对象转为jq的对象再进行操作:

$($("p").get(0)).css("color")

--------------------------------------------------------------------------

more eq

see:

http://api.jquery.com/eq/

--------------------------------------------------------------------------

more get:

see:

http://api.jquery.com/get/

--------------------------------------------------------------------------

From:

http://www.cnblogs.com/eoiioe/archive/2008/11/16/1334572.html

--------------------------------------------------------------------------

分享到:
评论

相关推荐

    jquery中eq和get的区别与使用方法

    在jQuery库中,`eq()`和`get()`都是用于从匹配的元素集合中选取特定元素的方法,但它们之间存在着显著的差异。理解这些差异对于高效地编写jQuery代码至关重要。 `eq()`方法是用来筛选匹配的元素集合,根据提供的...

    eq/get/find

    而在jQuery中,`get(index)`与`eq(index)`类似,但它会返回DOM元素而不是jQuery对象。如果`index`是一个负数,`get`将从数组末尾开始计数。 `find`函数在jQuery中用于查找匹配给定选择器的后代元素。它接受一个CSS...

    jQuery常见开发技巧详细整理

    3. **获取jQuery集合的某一项**:使用`eq(index)`或`get(index)`可以获取jQuery对象集合中的特定元素。`eq()`返回jQuery对象,而`get()`返回DOM元素。例如,`$(“div”).eq(2)`和`$(“div”).get(2)`分别对应集合中...

    jquery知识点整理

    jQuery知识点整理 jQuery是当前最流行的JavaScript库之一,提供了许多有用的方法和属性来简化Web开发。下面是对jQuery知识点的整理: 基本概念 * jQuery对象:使用$符号来声明jQuery对象,如:`$()`或`jQuery()` ...

    Jquery中文文档

    - `.eq(index)`:选取匹配元素集合中的第`index`个元素。 6. **jQuery扩展** - jQuery插件:jQuery生态系统中有大量的第三方插件,如jQuery UI,提供更丰富的用户界面组件和交互效果。 - $.ajaxSetup():全局...

    jquery3.2中文手册

    6. **jQuery对象与DOM对象**:jQuery对象与DOM对象有所不同,jQuery对象可以通过`get(index)`或`eq(index)`方法获取对应的DOM元素,而`$(DOMElement)`可以将DOM对象转化为jQuery对象。 7. **插件开发**:jQuery的...

    jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别

    反之,使用`.get(index)`或`.eq(index)`方法将jQuery对象转回DOM对象。 DOM对象与jQuery对象转换的常见用途包括使用原生方法进行性能优化,或者在jQuery不支持的功能上进行扩展。例如,原生的`addEventListener`...

    jquery-1.8.3chm中文手册下载

    4. **筛选**:jQuery提供了多种筛选方法,如`first()`, `last()`, `eq()`, `slice()`, `filter()`, 和 `not()`,用于从已选元素集合中进一步精确定位所需元素。 5. **文档处理**:这部分涵盖了如何在文档加载的不同...

    Jquery中文手册和Api

    **jQuery中文手册与API详解** jQuery是一个高效、简洁且易用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作以及Ajax交互。jQuery API是开发人员使用jQuery进行网页开发的重要参考资料,提供了...

    jquery中文手册

    《jQuery中文手册》是Web开发领域中非常重要的参考资料,它详细介绍了jQuery库的使用方法和功能,帮助开发者高效地进行网页交互和动态效果的实现。jQuery是一个轻量级的JavaScript库,以其简洁的API和强大的功能深受...

    jQuery1.11.3 中文手册.7z

    `$(el)`将DOM元素转换为jQuery对象,`get(index)`或`eq(index)`可以获取jQuery对象中的DOM元素。 八、插件扩展 jQuery拥有庞大的插件生态系统,如用于表单验证的jQuery Validation Plugin,图片轮播的bxSlider,...

    JqueryApi中文手册

    **jQuery API 中文手册** jQuery 是一款广泛应用于前端开发的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及...在实际开发中,结合实践与手册,可以更好地理解和掌握jQuery的精髓。

    jQuery 1.5.2.CHM中文手册

    `$(element)`将DOM元素转换为jQuery对象,`get(index)`或`.eq(index)`则可以从jQuery对象中获取DOM元素。 9. **兼容性**:jQuery 1.5.2版本考虑了广泛的浏览器兼容性,包括IE6/7/8,Firefox,Chrome,Safari和Opera...

    jquery1.6官方中文api+jquery1.7中文api

    **jQuery 1.6与1.7中文API详解** jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计以及Ajax交互。本篇文章将详细探讨jQuery 1.6和1.7版本的中文API,帮助开发者更...

    jquery中文chm手册

    3. **遍历与过滤**:jQuery提供了`each()`方法遍历集合,`first()`、`last()`、`eq(index)`等方法用于选取特定元素。 4. **性能优化**:使用`$(document).ready()`确保DOM加载完毕后执行代码,避免`$()`在全局作用...

    Jquery 1.32 + 中文API文档

    在这个版本中,jQuery引入了许多改进和优化,旨在提高性能和兼容性。 **一、jQuery核心功能** 1. **选择器**:jQuery支持CSS1到CSS3的选择器,如`$("#id")`(选取ID为id的元素)、`$(".class")`(选取所有class为...

    jQuery1.10.2 中文参考手册(CHM)

    - jQuery对象与DOM元素之间的转换,如`get()`, `eq()`, `toArray()`等方法。 - 链式调用:jQuery对象返回自身,使得多个操作可以连续进行,如`$('div').css('color', 'red').fadeIn(500)`。 3. **Ajax交互** - `...

    jQueryAPI_CHM(1.3).CHM与语法总结

    1、关于页面元素的引用  通过jquery的$()引用元素包括通过id、class、元素...如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。

Global site tag (gtag.js) - Google Analytics