zoukankan      html  css  js  c++  java
  • jquery选择器之基本过滤选择器

    <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之类的标题元素

  • 相关阅读:
    Linux Context , Interrupts 和 Context Switching 说明
    zabbix监控cpu jumps
    国际时区 TimeZone ID列表
    onenote无法更新,提示无法流式传输、无法登陆等问题解答
    Laravel Lumen 数组操作
    ApiDoc 和 Swagger 接口文档
    现代 PHP 新特性系列
    php 流(Stream)
    laravel Lumen邮箱发送配置
    钉钉开发验证登录功能
  • 原文地址:https://www.cnblogs.com/itmyhome/p/4131392.html
Copyright © 2011-2022 走看看