jquery选择器之基本过滤选择器详解
发布时间:2020-12-14 23:20:39 所属栏目:资源 来源:网络整理
导读:复制代码 代码如下: 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
复制代码 代码如下: <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之类的标题元素 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |