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的基本过滤选择器，它经常会与基本选择器，层级选择器等混合运用