常见问题

jquery选择器之基本过滤选择器详解

作者:用户投稿2026-01-11 16:19:31

复制代码代码如下:
<style type="text/css">
  /*高亮显示*/
  .highlight{
   background-color: gray
  }
</style>

复制代码代码如下:
<body>
<h3>各省市行政区划</h3>
<table border="1" width="50%">
  <thead>
   <tr>
    <th>北京</th>
    <th>上海</th>
    <th>商丘</th>
   </tr>
  </thead>
  <tbody>
   <tr>
    <td>海淀</td>
    <td>徐汇</td>
    <td>睢阳</td>
   </tr>
   <tr>
    <td>朝阳</td>
    <td>闸北</td>
    <td>梁园</td>
   </tr>
   <tr>
    <td>昌平</td>
    <td>黄埔</td>
    <td>柘城</td>
   </tr>
  </tbody>
</table>
</body>

一、:first
复制代码代码如下:
$("tr:first").addClass("highlight"); //获取匹配的第一个tr元素

二、:last()
复制代码代码如下:
$("tr:last").addClass("highlight"); //获取匹配的最后一个tr元素

三、:not(selector)
复制代码代码如下:
$("td:not(:even)").addClass("highlight");//获取除了索引是偶数的td

四、:even
复制代码代码如下:
$("tr:even").addClass("highlight"); //匹配所有索引值为偶数的元素，从 0 开始计数

五、:odd
复制代码代码如下:
$("tr:odd").addClass("highlight"); //匹配所有索引值为奇数的元素，从 0 开始计数

六、:eq(index)
复制代码代码如下:
$("tr:eq(2)").addClass("highlight");   //匹配一个给定索引值的元素

七、:gt(index)
复制代码代码如下:
$("tr:gt(1)").addClass("highlight"); //匹配所有大于给定索引值的元素

八、:lt(index)
复制代码代码如下:
$("tr:lt(2)").addClass("highlight"); //匹配所有小于给定索引值的元素

九、:header
复制代码代码如下:
$(":header").addClass("highlight");   //匹配如 h1, h2, h3之类的标题元素

上一篇丨

jquery选择器之层级过滤选择器详解

下一篇丨

paramiko模块安装和使用(远程登录服务器)

全国咨询热线： 400-8878-609

新闻资讯

常见问题

jquery选择器之基本过滤选择器详解

联系我们