jquery选择器之基本过滤选择器
2013-11-02 10:41
337 查看
<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选择器——基本过滤选择器
- jQuery基本过滤选择器
- JQuery 基本过滤选择器
- jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)
- Jquery基本选择器 层次选择器 过滤选择器 表单选择器使用示例 带注释
- jquery基本过滤选择器:first :last :not(.myclass) :even :odd :eq(1) :gt(5) :lt(1) :header :animated :focus
- jquery选择器之基本过滤选择器详解
- 前端学习笔记-jquery-9-(过滤选择器)过滤器:基本过滤器
- jQuery(2-3)基本过滤选择器
- 网站前端_jQuery-基础入门.玩转jQuery基本/层次/过滤/表单选择器?
- Jquery(五)过滤选择器之基本过滤
- jQuery的选择器—基本过滤选择器
- Jquery基本选择器 层次选择器 过滤选择器 表单选择器使用示例 带注释
- 使用jQuery基本过滤选择器
- jQuery选择器 基本选择器 层次选择器 表单选择器 过滤选择器 练习 事例
- JQuery学习笔记-基本过滤选择器
- jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器
- jquery选择器之基本过滤选择器详解
- Jquery过滤选择器之基本过滤选择器