<!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. mybatis group by查询返回map类型
			
    故事的发生是这样的. . . . . . . 一天 我发现我们的页面显示了这样的汇总统计数据,看起来体验还不错哦-- 然后,我发现代码是这样滴:分开每个状态分别去查询数量. 额e,可是为嘛不使用简单便 ...
    
			
    2. 
						
  2. spark window本地运行wordcount错误
			
    在运行本地运行spark或者hadoop代码时可能会遇到一下三种问题   1.Exception in thread "main" java.lang.UnsatisfiedLin ...
    
			
    3. 
						
  3. spring 转换器和格式化
			
    Spring总是试图用默认的语言区域将日期输入绑定 到java.util.Date.假如想让Spring使用不同的日期样 式,就需要用一个Converter(转换器)或者 Formatter(格式化) ...
    
			
    4. 
						
  4. macOS免费的NTFS读写软件
			
    Mounty for Mac brew cask install mounty
    
			
    5. 
						
  5. Vue开发复用组件的基本思想
			
    可复用组件的价值在于高复用性,它更能将一个项目往高内聚.低耦合的方向发展. 1.组件命名------按组件功能命名: 2.组件内容------明确组件需要实现什么样的功能: 3.组件体积------越 ...
    
			
    6. 
						
  6. Redis中存储对象区别
			
    1.最常用的是String结构,key和value都是字符串类型: 2.哈希:比较是用于对对象的操作: 3.List:按照插入数据顺序保存,value是可以重复的,底层是双向链表: 4.集合:是Str ...
    
			
    7. 
						
  7. Android 读取<meta-data>元素的数据
			
    在AndroidManifest.xml中,<meta-data>元素可以作为子元素,被包含在<activity>.<application> .<servi ...
    
			
    8. 
						
  8. cgo 和 Go 语言是两码事
			
    cgo不是Go 借用 JWZ的一句话 有些人,当他们面临一个问题时,认为“我知道,我会使用 cgo ”.那么现在,他们有了两个问题. 最近有人在 Gopher 的 Slack Channel 上使用  ...
    
			
    9. 
						
  9. tp U函数 logs
			
    注意 U 函数 项目今天已经搞定了本以为可以上线了没问题了,但是 当我把tp调试模式关闭后:      define('APP_DEBUG',false); 页面完全加载不出来,于是开启:  'SHO ...
    
			
    10. 
						
  10. 互斥锁Demo
			
    #include <stdio.h> #include <pthread.h> pthread_t work1Id; pthread_t work2Id; ; ; pthrea ...
    
			
    11.