jQuery 选择器

33,161次阅读
没有评论

共计 2569 个字符,预计需要花费 7 分钟才能阅读完成。

更多的选择器实例


| 语法 | 描述 |

| — | — |

| $(this) | 当前 HTML 元素 |

| $(“p”) | 所有

元素 |

| $(“p.intro”) | 所有 class=“intro”的

元素 |

| $(“.intro”) | 所有 class=“intro”的元素 |

| $(“#intro”) | id=“intro”的元素 |

| $(“ul li:first”) | 每个

| KaTeX parse error: Undefined control sequence: [at position 3: (“̲[̲href=‘.jpg’]”) | 所有带有以“.jpg”结尾的属性值的 href 属性 |

| $(“div#intro .head”) | id=“intro”的

元素中的所有 class=“head”的元素 |

jQuery 选择器


| 选择器 | 实例 | 选取 |

| — | — | — |

| * | $(“*”) | 所有元素 |

| #id | $(“#lastname”) | id=“lastname”的元素 |

| .class | $(“.intro”) | 所有 class=“intro”的元素 |

| element | $(“p”) | 所有

元素 |

| .class.class | $(“.intro.demo”) | 所有 class=“intro”且 class=“demo”的元素 |

|   |   |   |

| :first | $(“p:first”) | 第一个

元素 |

| :last | $(“p:last”) | 最后一个

元素 |

| :even | $(“tr:even”) | 所有偶数 元素 |

| :odd | $(“tr:odd”) | 所有奇数 元素 |

|   |   |   |

| :eq(index) | $(“ul li:eq(3)”) | 列表中的第四个元素(index 从 0 开始)|

| :gt(no) | $(“ul li:gt(3)”) | 列出 index 大于 3 的元素 |

| :lt(no) | $(“ul li:lt(3)”) | 列出 index 小于 3 的元素 |

| :not(selector) | $(“input:not(:empty)”) | 所有不为空的 input 元素 |

|   |   |   |

| :header | $(“:header”) | 所有标题元素

|

| :animated |   | 所有动画元素 |

|   |   |   |

| :contains(text) | $(“:contains(‘W3School’)”) | 包含指定字符串的所有元素 |

| :empty | $(“:empty”) | 无子(元素)节点的所有元素 |

| :hidden | $(“p:hidden”) | 所有隐藏的

元素 |

| :visible | $(“table:visible”) | 所有可见的表格 |

|   |   |   |

| s1,s2,s3 | $(“th,td,.intro”) | 所有带有匹配选择的元素 |

|   |   |   |

| [attribute] | $(“[href]”) | 所有带有 href 属性的元素 |

| [attribute=value] | $(“[href=‘#’]”) | 所有 href 属性的值等于“#”的元素 |

| [attribute!=value] | $(“[href!=‘#’]”) | 所有 href 属性的值不等于“#”的元素 |

| [attribute$=value] | KaTeX parse error: Undefined control sequence: [at position 3: (“̲[̲href=‘.jpg’]”) | 所有 href 属性的值包含以“.jpg”结尾的元素 |

|   |   |   |

| :input | $(“:input”) | 所有 元素 |

| :text | $(“:text”) | 所有 type=“text”的 元素 |

| :password | $(“:password”) | 所有 type=“password”的 元素 |

| :radio | $(“:radio”) | 所有 type=“radio”的 元素 |

| :checkbox | $(“:checkbox”) | 所有 type=“checkbox”的 元素 |

| :submit | $(“:submit”) | 所有 type=“submit”的 元素 |

| :reset | $(“:reset”) | 所有 type=“reset”的 元素 |

| :button | $(“:button”) | 所有 type=“button”的 元素 |

| :image | $(“:image”) | 所有 type=“image”的 元素 |

| :file | $(“:file”) | 所有 type=“file”的 元素 |

|   |   |   |
| :enabled | $(“:enabled”) | 所有激活的 input 元素 |
| :disabled | $(“:disabled”) | 所有禁用的 input 元素 |
自我介绍一下,小编 13 年上海交大毕业,曾经在小公司待过,也去过华为、OPPO 等大厂,18 年进入阿里一直到现在。

深知大多数 Java 工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024 年 Java 开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。jQuery 选择器

jQuery 选择器

jQuery 选择器

既有适合小白学习的零基础资料,也有适合 3 年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了 95% 以上 Java 开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注 Java 获取)

jQuery 选择器

面试结束复盘查漏补缺

每次面试都是检验自己知识与技术实力的一次机会,面试结束后建议大家及时总结复盘,查漏补缺,然后有针对性地进行学习,既能提高下一场面试的成功概率,还能增加自己的技术知识栈储备,可谓是一举两得。

以下最新总结的阿里 P6 资深 Java 必考题范围和答案 ,包含最全 MySQL、Redis、Java 并发编程等等面试题和答案,用于参考~

重要的事说三遍,关注 + 关注 + 关注!

jQuery 选择器

jQuery 选择器

更多笔记分享

jQuery 选择器

《一线大厂 Java 面试题解析 + 核心总结学习笔记 + 最新讲解视频 + 实战项目源码》 点击传送门即可获取!

更多笔记分享

[外链图片转存中…(img-jwrNA23O-1712037114238)]

《一线大厂 Java 面试题解析 + 核心总结学习笔记 + 最新讲解视频 + 实战项目源码》 点击传送门即可获取!

原文地址: jQuery 选择器

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-27发表,共计2569字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)