`
zyn_cool
  • 浏览: 27766 次
  • 性别: Icon_minigender_2
  • 来自: 济南
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery中的 eq 和 get

阅读更多
eq:返回是一个 jquery对象 作用是 将匹配的元素集合缩减为一个元素。这个元素在匹配元素集合中的位置变为0,而集合长度变成1

get:是一个html 对象数组作用是取得其中一个匹配的元素。 num表示取得第几个匹配的元素。


如:html代码


<ul> 
  <li>li-1</li> 
  <li>li-2</li> 
</ul>



比如我们通过jquery选择器 $("li")那么我们将会有两个li元素我如何只想选择其中一个呢?


$("li:eq(0)").html() 或者 $("li").eq(0).html() 就是第一个li 这里我们将获得 li-1

$("li:eq(1)").html() 或者 $("li").eq(1).html() 就是第二个li 这里我们将获得 li-2


下面我们看看 get因为get返回是html对象所以我们这里

$("li").get(0).style.color='red'

只有这样用或者将 get返回对象转换成jquery对象在操作

$($("li").get(0)).css("color",'red')即可


完整代码


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
  <TITLE> New Document </TITLE> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <SCRIPT LANGUAGE="JavaScript" src="js/jquery.js"></script> 
  <SCRIPT LANGUAGE="JavaScript"> 
   <!-- 
   $("document").ready(function(){ 
       alert($("li:eq(1)").html());//显示 li-2 alert($("li:eq(0)").html()) 
    $("li").get(0).style.color='red'; 
    $($("li").get(1)).css("color",'red')

    }) 
   //--> 
  </SCRIPT> 
</HEAD> 

<BODY> 
<ul> 
  <li>li-1</li> 
  <li>li-2</li> 
</ul> 
</BODY> 
</HTML>
分享到:
评论

相关推荐

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

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

    eq/get/find

    在实际开发中,`eq`、`get`和`find`经常与其他jQuery方法结合使用,如遍历(`each`)、事件绑定(`on`)、DOM操作(`append`, `prepend`)等,以实现更复杂的交互和动态效果。 在`Lcf.js`文件中,这些函数可能被自定义...

    Jquery中文手册和Api

    在提供的压缩包文件中,我们有三个CHM格式的文件:`jQueryAPI-CHM-080801.CHM`、`jQueryAPI1.3.CHM`和`JQuery API.CHM`。这些文件通常包含了jQuery的离线版文档,可以在没有网络的情况下查阅。CHM(Compiled ...

    Jquery中文文档

    - jQuery插件:jQuery生态系统中有大量的第三方插件,如jQuery UI,提供更丰富的用户界面组件和交互效果。 - $.ajaxSetup():全局设置Ajax请求的默认参数。 7. **版本信息** - jQuery 1.11.0:这是jQuery的一个...

    jquery-1.8.3chm中文手册下载

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

    jquery3.2中文手册

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

    jQuery应用技巧大全modified

    例如,`$("div").eq(2)`和`$("div").get(2)`分别用于获取索引为2的`&lt;div&gt;`元素,但前者仍为jQuery对象,后者为DOM对象。 jQuery中的许多方法同时具备设置(set)和获取(get)功能。比如,`.html()`可以读取或设置元素...

    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支持CSS1-CSS3的选择器,如ID选择器(#id),类选择器(.class),元素选择器(element)等,以及特有的jQuery扩展选择器,如`:eq(index)`,`:gt(index)`等。 - **DOM操作**:jQuery提供了一系列方法...

    jquery中文chm手册

    同时,手册中的实例代码可以帮助你更好地理解和运用jQuery。 总之,《jQuery中文CHM手册》是开发者学习和查阅jQuery知识的重要工具,无论你是初学者还是经验丰富的开发者,都能从中受益。掌握jQuery不仅可以提高...

    JqueryApi中文手册

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

    Jquery 1.32 + 中文API文档

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

    jQuery1.3中文参考文档

    4. **更多的选择器**:jQuery1.3扩展了选择器,包括`:even`、`:odd`、`:eq()`、`:gt()`、`:lt()`等,增强了选取元素的灵活性。 5. **更完善的错误处理**:jQuery1.3加强了错误处理机制,当出现错误时能提供更详细的...

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

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

    jquery一些案列和一些选择器

    DOM元素可以通过`.get(index)`或`.eq(index)`方法获取,例如:`$("#myDiv").get(0)`或`$("#myDiv").eq(0)`。 4. **DOM操作** jQuery提供了一系列方法来操作DOM元素,包括: - `.append()`:在元素内部末尾添加内容...

    jQuery中文参数手册 chm版

    8. **遍历和筛选**:`$(selector).each()`用于遍历集合中的每个元素,`.first()`, `.last()`, `.eq(index)`, `.not(selector)`等方法则用于筛选特定元素。 9. **实用工具方法**:jQuery还提供了很多实用工具方法,...

    jQuery常见开发技巧详细整理

    例如,`$(“div”).eq(2)`和`$(“div”).get(2)`分别对应集合中的第三个`&lt;div&gt;`元素,前者可继续调用jQuery方法,后者则适用于DOM方法。 4. **同名函数实现set和get**:许多jQuery方法如`html()`, `text()`, `...

Global site tag (gtag.js) - Google Analytics