小技巧--表格奇偶行颜色不同。
2011-04-18 16:18 沐海 阅读(938) 评论(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!欢迎交流!
浙公网安备 33010602011771号