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之类的标题元素
jquery选择器之基本过滤选择器的更多相关文章
- jQuery选择器之内容过滤选择器Demo
测试代码: 04-内容过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...
- jQuery选择器之基本过滤选择器Demo
测试代码: 03-基本过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...
- jQuery选择器之可见性过滤选择器Demo
测试代码 05-可见性过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...
- jquery选择器之层级过滤选择器
$("ancestor descendant"):选取parent元素后所有的child元素 $("parent > child"):选取parent元素 ...
- jquery选择器之属性过滤选择器
<style type="text/css"> /*高亮显示*/ .highlight{ background-color: gray } </style> ...
- jquery选择器之内容过滤选择器
先写出DOM元素的HTML结构: <style type="text/css"> /*高亮显示*/ .highlight{ background-color: gray ...
- jquery选择器之属性过滤选择器详解
代码如下: <style type="text/css"> /*高亮显示*/ .highlight{ } </style> 复制代码代码如下 ...
- jQuery选择器之表单选择器Demo
测试代码: 09-表单选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...
- jQuery选择器之子元素选择器
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content ...
随机推荐
- hdu 3709 数字dp(小思)
http://acm.hdu.edu.cn/showproblem.php?pid=3709 Problem Description A balanced number is a non-negati ...
- HDU 1251 统计拼图 Trie解决问题的方法
基本上找到一个标准前缀的问题是,只需要insert和search它功能. 这里的主要变化是我n该记录方法,这里n国旗代表的不是叶节点,但是话的标志这条道路后的数字. 然后找到需要找到一个词的前缀,假如 ...
- boost进程间通信经常使用开发一篇全(消息队列,共享内存,信号)
本文概要: 敏捷开发大家想必知道并且评价甚高,缩短开发周期,提高开发质量.将大project独立为不同的小app开发,整个开发过程,程序可用可測,所以提高了总体的质量.基于这样的开发模式和开发理念,进 ...
- JavaScript Date对象介绍
原文:JavaScript Date对象介绍 Date 日期和时间对象 1. 介绍 Date对象,是操作日期和时间的对象.Date对象对日期和时间的操作只能通过方法. 2. 构造函数 2.1 new ...
- APP 半自适应 WEB页面
特别赶,响应式纯自适应的,有空写了新的发. (在手机上看,页面上看一定乱) <!DOCTYPE html><html> <head> <meta http-e ...
- 搭建环境Visual Studio 2013 社区版
搭建环境Visual Studio 2013 社区版 ActiveReports 9刚刚发布3天,微软就发布了 Visual Studio Community 2013 开发环境. Visual St ...
- OCP-1Z0-051-题目解析-第1题
1. View the Exhibit and examine the structure of the SALES, CUSTOMERS, PRODUCTS, and TIMES tables. T ...
- FPGA 设计怎样进行面积优化(逻辑资源占用量优化)
FPGA面积优化 1 对于速度要求不是非常高的情况下,我们能够把流水线设计成迭代的形式,从而反复利用FPGA功能同样的资源. 2 对于控制逻辑小于共享逻辑时,控制逻辑资源能够用来复用,比如FIR滤波器 ...
- 牛腩公布系统--HTTP 错误 403.14 - Forbidden
忘了是谁说的"至理名言",做牛腩公布系统,不怕出错误,就怕出跟牛老师不一样的错误!! 刚做就開始出现各种错误了,只是话说错误越多,收获越多.把每次困难都当做历练成长的机会.不多说, ...
- 安装SQL Server 2005 - 初学者系列 - 学习者系列文章
初学者阶段,建议从数据库为基础入手进行学习. 下面介绍微软的SQL Server 2005数据库的安装. 首先,从下列地址获取SQL Server 2005的安装程序. ed2k://|file|cs ...