jQuery基本过滤选择器实例

 时间:2024-11-03 12:48:13

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

jQuery基本过滤选择器实例

2、写入如下html代码

jQuery基本过滤选择器实例

3、运行效果如下

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

jQuery基本过滤选择器实例

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

  • jquery简单过滤选择器
  • jQuery属性过滤选择器实例详解
  • jquery内容过滤选择器
  • jquery学习之选择器
  • Jquery 选择器 总结
  • 热门搜索
    once是什么意思 菠萝盖是什么意思 救赎的意思 什么使人哭笑不得 贝肯鲍尔踢什么位置 流通盘是什么意思 无恙的意思 朋友祝福语 gloves是什么意思 祝福语大全