首页 前端知识 jQuery 选择器

jQuery 选择器

2024-05-12 00:05:34 前端知识 前端哥 345 529 我要收藏

更多的选择器实例


| 语法 | 描述 |

| — | — |

| $(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开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。img

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

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

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

img

面试结束复盘查漏补缺

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

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

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

历经30天,说说我的支付宝4面+美团4面+拼多多四面,侥幸全获Offer

image.png

更多笔记分享

历经30天,说说我的支付宝4面+美团4面+拼多多四面,侥幸全获Offer

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

更多笔记分享

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8221.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!