<!DOCTYPE html>

<html>

<head>

  <style>

  div { width:60px; height:60px; margin:10px; float:left;

        border:2px solid blue; }

  .blue { background:blue; }

  </style>

  <script type="text/javascript" src="/jquery/jquery.js"></script>

</head>

<body>

<ul>

  <li>list item 1</li>

  <li>list item 2</li>

  <li>list item 3</li>

  <li>list item 4</li>

  <li>list item 5</li>

</ul>

<script>$('li').eq(2).css('background-color', 'red');</script>

</body>

</html>

定义和用法

eq(index) 方法将匹配元素集缩减值指定 index 上的一个。

index：整数，指示元素的位置（最小为 0）。如果是负数，则从集合中的最后一个元素往回计数。

上面的例子调用的结果是为项目 3 设置了红色背景。请注意，index 是基于零的，并且是在 jQuery 对象中引用元素的位置，而不是在 DOM 树中

$('li').eq(2).css('background-color', 'red');

如果提供负数，则指示从集合结尾开始的位置，而不是从开头开始。

$('li').eq(-2).css('background-color', 'red');

如果无法根据指定的 index 参数找到元素，则该方法构造带有空集的 jQuery 对象，length 属性为 0

$('li').eq(5).css('background-color', 'red');




												


											
jQuery 遍历 - eq() 方法的更多相关文章
	

    
						
  1. jQuery 遍历 - eq() 方法   查找当前元素
		
    jQuery 遍历 - eq() 方法 if(data[i].status !='已送达'){ $('.w-beget').eq(i).attr('disabled','disabled'); }
    
		
    2. 
								
  2. jQuery中eq()方法用法实例
		
    本文实例讲述了jQuery中eq()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集上的相应位置索引的元素. 匹配元素集上元素的位置索引是从0开始的. 语法结构: 复制代码 代 ...
    
		
    3. 
						
  3. jQuery 遍历 - parent() 方法
		
    ylbtech-jQuery-sizzle:jQuery 遍历 - parent() 方法  parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的. 1.A,jQuer ...
    
		
    4. 
						
  4. jQuery 遍历 - eq() 和siblings() 方法
		
    eq() 方法将匹配元素集缩减值指定 index 上的一个. 通过为 index 为 2 的 div 加入适当的类.将其变为蓝色: <!DOCTYPE html> <html> ...
    
		
    5. 
						
  5. jquery遍历DOM方法总结
		
    1.jQuery 遍历 - 祖先 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents() parentsUntil() jQuery ...
    
		
    6. 
						
  6. jQuery的eq方法
		
    定义和用法eq() 方法将匹配元素集缩减值指定 index 上的一个. 语法.eq(index) 其中的index :整数,指示元素的位置(最小为 0).如果是负数,则从集合中的最后一个元素往回计数. ...
    
		
    7. 
						
  7. jQuery 遍历 - siblings() 方法
		
    本文来自:http://www.w3school.com.cn/jquery/traversing_siblings.asp jQuery 遍历参考手册 实例 查找每个 p 元素的所有类名为 &quo ...
    
		
    8. 
						
  8. jQuery遍历节点方法汇总
		
    1.children()方法:$('div').children()---遍历查找div元素的所有子元素节点 <p>Hello</p> <div> <span ...
    
		
    9. 
						
  9. jQuery 遍历 - closest() 方法
		
    jQuery 遍历参考手册 实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 2019南昌邀请赛预选赛 I. Max answer  （前缀和+单调栈）
			
    题目:https://nanti.jisuanke.com/t/38228 这题题解参考网上大佬的. 程序的L[i],R[i]代表a[i]这个点的值在区间 [L[i],R[i]] 中最小的并且能拓展到 ...
    
			
    2. 
						
  2. java端拦截器判断客户的的请求是否是ajax请求
			
    java端拦截器判断客户的的请求是否是ajax请求 发表于 2014-08-22 23:38:08 普通请求与ajax请求的报文头不一样,通过如下 String requestType = reque ...
    
			
    3. 
						
  3. 理解 Java 序列化
			
    一.什么是序列化 序列化是一种对象持久化的手段.类通过实现 java.io.Serializable 接口以启用其序列化功能. 序列化:把对象转换为字节序列的过程. 反序列化:把字节序列恢复为对象的过 ...
    
			
    4. 
						
  4. JS数组 Array
			
    1.创建数组 var array=new Array(); 2.添加数组 array.push("111"); array.push("111"); array ...
    
			
    5. 
						
  5. 深入理解Magento – 第三章 – 布局，块和模板
			
    深入理解Magento 作者:Alan Storm 翻译:Hailong Zhang 第三章 – 布局,块和模板 我们接着研究Magento.根据我们第二章讲的Magento MVC的架构,我们接下来 ...
    
			
    6. 
						
  6. SnowFlakeId 分布式雪花id算法
			
    package com.jn.baseservice.utils; import com.jn.baseservice.common.Number; import lombok.Getter; imp ...
    
			
    7. 
						
  7. 对AngularJs的简单了解
			
    一.简单介绍 AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得 ...
    
			
    8. 
						
  8. PHP ftp_exec() 函数
			
    定义和用法 ftp_exec() 函数请求在 FTP 服务器上执行一个程序或命令. 如果成功,该函数返回 TRUE.如果失败,则返回 FALSE. 语法 ftp_exec(ftp_connection ...
    
			
    9. 
						
  9. 【LeetCode 25】K 个一组翻转链表
			
    题目链接 [题解] 模拟就好. 就k个k个节点地翻转. 每个节点都把next域指向它前面那个节点 修改完之后把这个节点前面的那个节点的next域改成这一段的最后一个节点. 然后把这一段最左边的那个节点 ...
    
			
    10. 
						
  10. 最长上升子序列（LIS）问题
			
    最长上升子序列(LIS)问题 此处我们只讨论严格单调递增的子序列求法. 前面O(n2)的算法我们省略掉,直接进入O(nlgn)算法. 方法一:dp + 树状数组 定义dp[i]:末尾数字是i时最长上升 ...
    
			
    11.