首页 > web前端 > js教程 > 正文

JQuery 学习笔记 选择器之三_jquery

php中文网
发布: 2016-05-16 18:49:27
原创
1025人浏览过

Poixe AI
Poixe AI

统一的 LLM API 服务平台,访问各种免费大模型

Poixe AI 61
查看详情 Poixe AI
复制代码 代码如下:





无标题文档






h1


h2


  • li1
      1

      2

      3

      4


  • li2
      5

      6


  • li3


  • checkbox1
    checkbox2


    显示第一个ul节点的值
    显示最后一个ul节点的值
    显示未选择中checkbox的ID
    显示索引为偶数的ul内容
    显示索引为奇数的ul内容
    显示索引为3的ul内容
    显示索引大于3的ul内容
    显示索引小于3的ul内容
    显示页面标题内容


    Result:







    这节好像没有什么课外知识点,哈,那现在就进入正题咯
    1.$("TabName:first")
    描述:可获取某种节点的第一个节点,如例子中有6个ul,使用$("ul:first")即可获取到首个ul结点
    返回值:Element;
    2.$("TabName:Last")
    描述:与上一个用法差不多,区别只在于此方法用于获取最后一个节点
    返回值:Element;
    3.$("TabName:not(:attribute)")
    描述:此方法可实现一些简单的选择器过滤,如例子中,$("input:not(:checked)")就选择了未选择的checkbox元素,此方法尚在实践中,好像就只能对些值为bool的属性进行过滤,例子中相当于选择checked为false的input。
    返回值:Array(Element);
    4.$("TabName:even")
    描述:用于获取某种节点的偶数索引节点的集合,这边要强调一点,这边的索引是从0开始的所以例子中aEven点击后所获取的是第1、3、5的ul结点
    返回值:Array(Element);
    5.$("TagName:odd")
    描述:与上个方法类似,唯一的区别就是这获取的是奇数节点的集合。
    返回值:Array(Element);
    6.$("TagName:eq(index)")
    描述:用于获取某种节点集合中的index索引位置的节点
    返回值:Array(Element);
    7.$("TagName:gt(index)")
    描述:用于获取某种节点集合中,索引大于index的节点集合
    返回值:Array(Element);
    8.$("TagName:lt(index)")
    描述:用于获取某种节点集合中,索引小于index的节点集合
    返回值:Array(Element);
    9.$(":header")
    描述:用于获取页面中h1, h2, h3之类的标题节点集合
    返回值:Array(Element);
    相关标签:
    最佳 Windows 性能的顶级免费优化软件
    最佳 Windows 性能的顶级免费优化软件

    每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

    下载
    来源:php中文网
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    开源免费商场系统广告
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号