思潮课程 / 前端开发 / 正文

jquery的挑选器, 根本挑选器

2024-12-30前端开发阅读 6

1. 根本挑选器： `$`：经过元素的 ID 挑选元素。 `$`：经过元素的类挑选元素。 `$`：经过元素的称号挑选元素。

2. 层次挑选器： `$`：挑选一切作为 ancestor 元素子孙（子、孙等）的 descendant 元素。 `$`：挑选一切作为 parent 元素直接子元素的 child 元素。 `$`：挑选紧跟在 prev 元素后的 next 元素。 `$`：挑选一切与 prev 元素同辈的 siblings 元素。

3. 根本过滤挑选器： `:first`：挑选榜首个元素。 `:last`：挑选最终一个元素。 `:not`：挑选不匹配 selector 的一切元素。 `:even`：挑选一切偶数索引的元素。 `:odd`：挑选一切奇数索引的元素。 `:eq`：挑选索引为 index 的元素。 `:gt`：挑选索引大于 index 的一切元素。 `:lt`：挑选索引小于 index 的一切元素。 `:animated`：挑选一切正在履行动画的元素。

4. 内容过滤挑选器： `:contains`：挑选包含指定文本的元素。 `:has`：挑选包含至少一个匹配 selector 的子元素的元素。 `:empty`：挑选一切不包含子节点的元素。 `:parent`：挑选一切包含子节点的元素。

5. 可见性过滤挑选器： `:hidden`：挑选一切不行见元素。 `:visible`：挑选一切可见元素。

7. 子元素过滤挑选器： `:firstchild`：挑选一切作为其父元素榜首个子元素的元素。 `:lastchild`：挑选一切作为其父元素最终一个子元素的元素。 `:onlychild`：挑选一切作为其父元素仅有子元素的元素。 `:nthchild`：挑选一切作为其父元素的第 index、偶数或奇数个子元素的元素。 `:firstoftype`：挑选一切作为其父元素榜首个同类型子元素的元素。 `:lastoftype`：挑选一切作为其父元素最终一个同类型子元素的元素。 `:onlyoftype`：挑选一切作为其父元素仅有同类型子元素的元素。 `:nthoftype`：挑选一切作为其父元素的第 index、偶数或奇数个同类型子元素的元素。

8. 表单挑选器： `:input`：挑选一切 input, textarea, select 和 button 元素。 `:text`：挑选一切 input type=text 的元素。 `:password`：挑选一切 input type=password 的元素。 `:radio`：挑选一切 input type=radio 的元素。 `:checkbox`：挑选一切 input type=checkbox 的元素。 `:submit`：挑选一切 input type=submit 的元素。 `:image`：挑选一切 input type=image 的元素。 `:file`：挑选一切 input type=file 的元素。 `:reset`：挑选一切 input type=reset 的元素。 `:button`：挑选一切 button 元素。 `:input`：挑选一切 input 元素。 `:hidden`：挑选一切不行见元素。

9. 表单目标特点过滤挑选器： `:enabled`：挑选一切可用元素。 `:disabled`：挑选一切不行用元素。 `:checked`：挑选一切被选中的元素。 `:selected`：挑选一切被选中的 option 元素。

这些挑选器能够组合运用，以创立更杂乱的查询。例如，`$qwe2` 会挑选一切不是其父元素榜首个子元素的 `` 元素。

jQuery挑选器详解：高效获取DOM元素的隐秘

在Web开发中，DOM（文档目标模型）是前端开发者有必要把握的核心技术之一。jQuery作为一款盛行的JavaScript库，极大地简化了DOM操作。而jQuery挑选器则是完成DOM操作的要害。本文将具体介绍jQuery挑选器的运用方法，协助开发者高效获取DOM元素。