jQuery :odd 选择器

jQuery :odd 选择器

jQuery是一个开源的JavaScript库,它简化了HTML/CSS文档,或者更准确地说,文档对象模型(DOM)和JavaScript之间的互动。阐述这些术语,它简化了HTML文档的遍历和操作,浏览器事件处理,DOM动画,Ajax交互,以及跨浏览器的JavaScript开发。

jQuery :odd选择器是用来从元素中选择一个奇数的索引。索引的数量从0开始。工作原理与:偶数选择器相同,但对于奇数。

语法

$(":odd")

示例 1:

<!DOCTYPE html>
<html>
<head>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
    (document).ready(function () {
      ("tr:odd").css("background-color",
        "green");
    });
  </script>
</head>
<body>
  <center>
    <h1>GeeksForGeeks</h1>
    <table border="1">
      <tr>
        <th>Company</th>
        <th>Country</th>
      </tr>
      <tr>
        <td>reliance</td>
        <td>India</td>
      </tr>
      <tr>
        <td>flipkart</td>
        <td>India</td>
      </tr>
      <tr>
        <td>walmart</td>
        <td>American</td>
      </tr>
      <tr>
        <td>Ernst Handle</td>
        <td>Austria</td>
      </tr>
      <tr>
        <td>Island Trading</td>
        <td>UK</td>
      </tr>
    </table>
  </center>
</body>
</html>

输出:

jQuery :odd 选择器

示例 2:

<!DOCTYPE html>
<html>
<head>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
    (document).ready(function () {
      ("tr:odd").css("background-color",
        "lightgreen");
    });
  </script>
</head>
<body>
  <center>
    <h1>Welcome To GeeksForGeeks</h1>
    <table border="2">
      <tr>
        <th>State</th>
        <th>Capital</th>
      </tr>
      <tr>
        <td>uttar pradesh</td>
        <td>lucknow</td>
      </tr>
      <tr>
        <td>punjab</td>
        <td>chandigarh</td>
      </tr>
      <tr>
        <td>haryana</td>
        <td>candigarh</td>
      </tr>
    </table>
  </center>
</body>
</html>

输出:

jQuery :odd 选择器

支持的浏览器:

  • 谷歌浏览器90.0以上
  • 互联网浏览器9.0
  • Firefox 3.6
  • Safari 4.0
  • Opera 10.5

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程