jquery odd选择器 语法

Posted 佰草伐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery odd选择器 语法相关的知识,希望对你有一定的参考价值。

jquery odd选择器 语法

作用::odd 选择器选取每个带有奇数 index 值的元素(比如 1、3、5)。index 值从 0 开始,所有第一个元素是偶数 (0)。最常见的用法:与其他元素/选择器一起使用,来选择指定的组中奇数序号的元素(如上面的例子)。

语法:$(":odd")

注释:请使用 :even 选择器来选取偶数序号的元素。直线电机选型

jquery odd选择器 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript"> 
 
$(document).ready(function(){
    $("tr:odd").css("background-color","#B2E0FF");
});
 
</script>	
 
</head>
<body>
<html>
<body>
<h1>Welcome to My Web Page</h1>

<table>
<tr>
<th>Id</th>
<th>LastName</th>

<th>FirstName</th>
<th>Address</th>
<th>City</th>
</tr>

<tr>
<td>1</td>
<td>Adams</td>
<td>John</td>
<td>Oxford Street</td>

<td>London</td>
</tr>

<tr>
<td>2</td>
<td>Bush</td>
<td>George</td>
<td>Fifth Avenue</td>
<td>New York </td>
</tr>

<tr>
<td>3</td>
<td>Carter</td>
<td>Thomas</td>
<td>Changan Street</td>
<td>Beijing</td>
</tr>
<tr>
<td>4</td>
<td>Obama</td>
<td>Barack</td>
<td>Pennsylvania Avenue</td>
<td>Washington</td>
</tr>
</table>
</body>
</html>
</body>
</html>

以上是关于jquery odd选择器 语法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery选择器

jquery even选择器 语法

[ jquery 选择器 :odd ] 此方法选取指定jquery对象中的奇数对象

CSS选择器和jQuery过滤器之间的区别?

jquery奇数偶数选择器

jquery奇数偶数选择器