当前位置: 编程技术>WEB前端
jquery选择器之基本过滤选择器详解
来源: 互联网 发布时间:2014-08-25
本文导语: 代码如下: /*高亮显示*/ .highlight{ background-color: gray } 代码如下: 各省市行政区划 北京 上海 商丘 海淀 徐汇 睢阳 ...
代码如下:
/*高亮显示*/
.highlight{
background-color: gray
}
代码如下:
各省市行政区划
北京
上海
商丘
海淀
徐汇
睢阳
朝阳
闸北
梁园
昌平
黄埔
柘城
一、: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之类的标题元素