`
jackroomage
  • 浏览: 1222611 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

jQuery 中 .eq( index ) 的用法

 
阅读更多

1、jQuery  中 .eq( index )  的用法 :运行下面的例子及明白了。

 

 

 

<!DOCTYPE html>
<html>
<head>
  <style>
  div { width:60px; height:60px; margin:10px; float:left;
        border:2px solid blue; }
  .blue { background:blue; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
  <div></div>
  <div></div>
  <div></div>

  <div></div>
  <div></div>
  <div></div>
<script>

    $("body").find("div").eq(3).addClass("blue");
</script>

</body>
</html>
 

分享到:
评论

相关推荐

    jQuery-2.2.4.js

    此外,jQuery还提供了更丰富的选择器,如$:eq(index)、$:first、$:last等,以满足不同场景的需求。 DOM操作是jQuery的另一个重要部分。jQuery提供了一套简便的API来操作DOM元素,如$(element).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...

    浅谈jQuery中对象遍历.eq().first().last().slice()方法

    总之,.eq()、.first()、.last()和.slice()这几个方法在jQuery对象遍历中扮演了重要角色,它们为开发者提供了便利的手段来精确处理集合中的元素。理解它们的用途、区别以及内部实现,对于提高前端开发的效率和质量是...

    jquery笔记.rar

    2. **遍历和过滤**: jQuery提供了`.each()`方法遍历集合,`.first()`, `.last()`, `.eq(index)`等用于过滤元素,`.not(selector)`则可以移除不匹配的选择。 3. **DOM操作**: 包括元素的增删改查,如`.append()`, `....

    JQuery专题.rar

    自2006年发布以来,jQuery迅速成为Web开发中最为广泛使用的库之一,深受开发者喜爱。 **一、jQuery的核心概念与优势** 1. **选择器(Selectors)**:jQuery借鉴了CSS的选择器机制,使得选取DOM元素变得简单易行。...

    JQuery基础.docx

    - 使用`wrapAll`方法将所有匹配的元素包裹在一个新元素中。 ```javascript $("li").wrapAll("&lt;b&gt;&lt;/b&gt;"); ``` #### 四、事件处理 1. **Click事件** - 当用户点击元素时触发。 ```javascript $("button")....

    jquery-1.6.4

    在压缩包中,有两个文件:`jquery-1.6.4.js`和`jquery-1.6.4.min.js`。 1. **jquery-1.6.4.js**:这是未压缩和未优化的源代码版本,包含了完整的jQuery库,适合开发和调试。源代码清晰可读,方便开发者查看和理解...

    jQuery 认知.docx

    jQuery 是一个广泛使用的 JavaScript 库,它的出现极大地简化了网页开发中的许多任务,如DOM操作、事件处理、动画制作和Ajax交互。jQuery 由 John Resig 在2006年创建,其团队包括核心库、UI、插件和 jQuery Mobile ...

    jQuery知识.docx

    例如,`$("选择器:first")`选取第一个匹配的元素,`:last`选取最后一个,`:not(选择器)`排除特定元素,`:even`和`:odd`分别选取偶数和奇数索引的元素,`:eq(index)`选取指定索引的元素,`:gt(index)`选取索引大于...

    Jquery笔记.docx

    - `:eq(index)`:选择指定下标位置的DOM对象。 - `:lt(index)`:选择下标小于指定值的所有DOM对象。 - `:gt(index)`:选择下标大于指定值的所有DOM对象。 5. 表单属性过滤器 这些过滤器根据表单元素的状态来...

    jquery笔记.docx

    值得注意的是,两者的方法不兼容,jQuery对象可以方便地进行链式操作,而转换则可以通过`$()`将DOM对象转为jQuery对象,或通过`[index]`或`.get(index)`将jQuery对象转为DOM对象。 jQuery的选择器系统是其强大之处...

    JQuery基础.pdf

    - **`.eq(index)`**: 获取被选元素中的指定索引元素。例如,`$('li').eq(1);` 可以获取所有 `&lt;li&gt;` 元素中的第二个元素。 - **`.get(index)`**: 获取被选元素集合中的指定索引的 DOM 元素。例如,`$('li').get(1);` ...

    jquery 使用方法.docx

    以下是关于 jQuery 使用方法的详细说明: 1. **选择网页元素**:jQuery 的核心功能之一是通过选择器选取网页中的元素。例如,`$(document)` 选择整个文档,`$('tr:odd')` 选择表格的奇数行。jQuery 支持 CSS 选择器...

    jQuery使用手册.docjQuery使用手册.docjQuery使用手册.doc

    - index(obj):返回元素在兄弟元素中的位置,或者指定元素在jQuery对象中的位置。 - size() 和 length:两者都用于获取jQuery对象中元素的数量,但size()已被弃用,推荐使用length。 4. DOM操作(续) - 属性:...

    JQuery函数.docx

    这个文档集成了jQuery中常用的一些函数,方便开发者查询和使用。 1. **选择器**:jQuery的选择器是基于CSS选择器的扩展,允许更加灵活地选取DOM元素。例如: - `*`:选取所有元素。 - `#id`:选取id为指定值的...

    jQueryAPI.rar_jq 1.2.6api

    jQuery提供了`each()`方法遍历集合,以及多种过滤方法如`first()`, `last()`, `eq(index)`, `not(selector)`, `is(selector)`等,帮助我们精准地选取或排除元素。 7. **属性操作** 可以使用`attr(attributeName)`...

    jQuery中eq()方法用法实例

    通过以上实例,我们可以清楚地看到eq()方法的用法和它在实际开发中的应用。它提供了一种简洁的方式来选取和操作单个DOM元素,而无需使用其他更复杂的方法。对于需要频繁操作特定元素的场景,eq()方法无疑是一个非常...

    jquery常用操作.pdf

    - `.eq(index)`和`:eq(index)`:选取指定索引位置的元素,如`$("p").eq(0)`和`$("p:eq(0)")`都选择第一个`&lt;p&gt;`元素。 - `.visible()`选择可见的元素。 3. **AJAX**: - jQuery的`$.ajax()`函数是进行Ajax请求的...

    jQuery基础教程.pdf

    它不仅包括CSS1至CSS3中的所有选择器,还有jQuery自己扩展的选择器,如“:animated”,“:input”,“:eq(index)”等。 知识点七:插件 jQuery拥有庞大的插件生态系统,这使得开发者可以通过引入额外的插件轻松地...

Global site tag (gtag.js) - Google Analytics