小技巧--表格奇偶行颜色不同。
2011-04-18 16:18 沐海 阅读(930) 评论(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 对象,这个函数非常有用。
本人声明:
个人主页:沐海(http://www.cnblogs.com/mahaisong)
以上文章都是经过本人设计实践和阅读其他文档得出。如果需要探讨或指教可以留言或加我QQ!欢迎交流!