jQuery基本过滤选择器实例

2024-11-03 12:48:13

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

jQuery基本过滤选择器实例

3、运行效果如下

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

猜你喜欢