码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 遍历 - eq() 方法

时间:2017-05-18 09:52:25      阅读:317      评论:0      收藏:0      [点我收藏+]

标签:item 1   遍历   负数   round   属性   highlight   引用   length   asc   

<!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() 方法

标签:item 1   遍历   负数   round   属性   highlight   引用   length   asc   

原文地址:http://www.cnblogs.com/yi11/p/6871676.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!