欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery选择器之基本过滤选择器详解_jquery

程序员文章站 2022-04-17 16:55:58
...
复制代码 代码如下:



复制代码 代码如下:


各省市行政区划



























北京 上海 商丘
海淀 徐汇 睢阳
朝阳 闸北 梁园
昌平 黄埔 柘城



一、:first
复制代码 代码如下:

$("tr:first").addClass("highlight"); //获取匹配的第一个tr元素

jquery选择器之基本过滤选择器详解_jquery

二、:last()
复制代码 代码如下:

$("tr:last").addClass("highlight"); //获取匹配的最后一个tr元素

jquery选择器之基本过滤选择器详解_jquery

三、:not(selector)
复制代码 代码如下:

$("td:not(:even)").addClass("highlight");//获取除了索引是偶数的td

jquery选择器之基本过滤选择器详解_jquery


四、:even
复制代码 代码如下:

$("tr:even").addClass("highlight"); //匹配所有索引值为偶数的元素,从 0 开始计数

jquery选择器之基本过滤选择器详解_jquery

五、:odd
复制代码 代码如下:

$("tr:odd").addClass("highlight"); //匹配所有索引值为奇数的元素,从 0 开始计数

jquery选择器之基本过滤选择器详解_jquery

六、:eq(index)
复制代码 代码如下:

$("tr:eq(2)").addClass("highlight"); //匹配一个给定索引值的元素

jquery选择器之基本过滤选择器详解_jquery

七、:gt(index)
复制代码 代码如下:

$("tr:gt(1)").addClass("highlight"); //匹配所有大于给定索引值的元素

jquery选择器之基本过滤选择器详解_jquery

八、:lt(index)
复制代码 代码如下:

$("tr:lt(2)").addClass("highlight"); //匹配所有小于给定索引值的元素

jquery选择器之基本过滤选择器详解_jquery

九、:header
复制代码 代码如下:

$(":header").addClass("highlight"); //匹配如 h1, h2, h3之类的标题元素

jquery选择器之基本过滤选择器详解_jquery