代码改变世界

小技巧--表格奇偶行颜色不同。

2011-04-18 16:18  沐海  阅读(924)  评论(0编辑  收藏  举报
返回值:Array<Element(s)>:odd
概述
匹配所有索引值为奇数的元素,从 0 开始计数


示例
描述:
查找表格的2、4、6行(即索引值1、3、5...)

HTML 代码:
<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>jQuery 代码:
$("tr:odd")结果:
[ <tr><td>Value 1</td></tr> ]
返回值:Array<Element(s)>:even
概述
匹配所有索引值为偶数的元素,从 0 开始计数


示例
描述:
查找表格的1、3、5...行(即索引值0、2、4...)

HTML 代码:
<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>jQuery 代码:
$("tr:even")结果:
[ <tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr> ]

奇偶怎么找那?第一个肯定是奇行。那么偶行就是第一个奇行不算开始

所有的奇数就是偶数了(从2开始了。呵呵)

JQuery  基本选择器

EVEN 偶数

ODD 奇数

注意:ODD代表:奇数个结果。返回的是一个数组,从0开始(对应第一条数据)

--------------------------

$("table tr:even")

//派生选择器。指向所有TABLE TR的对象(DOM节点元素(对象))。进行选择器选择。并对此Jquery对象进行JQUERY提供的方法来操作。

Jquery对象包装了所定义的Dom节点。然后Jquery又提供了封装,对所的DOM节点的操作。

$("table tr").get(0) GET方法是获得DOM对象,0是索引值

如果你想要直接操作 DOM 对象而不是 jQuery 对象,这个函数非常有用。

记录生活、工作、学习点滴!
E-Mail:mahaisong@hotmail.com 欢迎大家讨论。
沐海博客园,我有一颗,卓越的心!