jQuery基本过滤选择器实例

1、新建jQuery_jibenguolvxuanzeqi.html 作为jQuery基本过滤选择器的实例页面

2、写入如下html代码

3、运行效果如下

4、为每个按钮编写jQuery代码

5、第一个按钮$("tr:first") 获取tr的第一个元素效果如下

6、第二个按钮$("tr:last") 获取tr的最后一个元素

7、第三个按钮$("tr:not(.on)") 选择tr中class不是on的元素

8、第四个按钮$("tr:even") 获取tr的奇数元素

9、第五个按钮$("tr:odd") 获取tr的偶数元素

10、第六个按钮$("tr:eq(2)") 获取tr的第三个元素 注意eq 是从0开始计算的

11、第七个按钮$("tr:gt(2)") 获取大于第三行的元素

12、第八个按钮$("tr:lt(2)") 获小于第三行的元素

13、第九个按钮$(":header") 选择所有的h标签，包含h1-h6

14、以上就是jQuery的基本过滤选择器，它经常会与基本选择器，层级选择器等混合运用