在JQuery中，选择器（Selectors）是一种强大的功能，允许你通过CSS选择器语法来选取HTML元素，并对它们执行操作。由于文本思维导图的限制，我将通过层次结构来详细列举JQuery中的一些常用选择器，但请注意，实际使用时这些选择器可以组合使用以形成更复杂的查询。
JQuery 选择器
├── 基本选择器
│ ├── ID选择器：$("#id")
│ ├── 类选择器：$(".class")
│ ├── 元素选择器：$("element")
│ ├── *选择器：$("*")
│ └── 复合选择器（多个选择器组合）
│ ├── 并集选择器：$("#id, .class, element")
│ └── 后代选择器：$("ancestor descendant")
│
├── 层级选择器
│ ├── 子选择器：$("parent > child")
│ ├── 相邻兄弟选择器：$("prev + next")
│ └── 通用兄弟选择器：$("prev ~ siblings")
│
├── 属性选择器
│ ├── [attribute]
│ ├── [attribute=value]
│ ├── [attribute!=value]
│ ├── [attribute^=value]
│ ├── [attribute$=value]
│ ├── [attribute*=value]
│ └── [attribute|=value] （用于匹配语言属性）
│
├── 过滤选择器
│ ├── :first, :last
│ ├── :even, :odd
│ ├── :eq(index)
│ ├── :gt(index)
│ ├── :lt(index)
│ ├── :not(selector)
│ ├── :header
│ ├── :animated
│ ├── :contains(text)
│ ├── :empty
│ ├── :parent
│ ├── :visible
│ ├── :hidden
│ └── 更多...（如:input, :text等）
│
├── 表单选择器
│ ├── :input
│ ├── :text
│ ├── :password
│ ├── :radio
│ ├── :checkbox
│ ├── :submit
│ ├── :reset
│ ├── :button
│ ├── :file
│ └── 更多...（如:selected, :checked等）
│
└── 自定义选择器
├── 使用.filter()方法
├── 使用:not()结合其他选择器
└── 编写插件来创建新的选择器请注意，这个列表并不是JQuery选择器的完整集合，但它涵盖了最常用的部分。JQuery的选择器功能非常强大，支持复杂的CSS选择器语法以及JQuery特有的过滤选择器和表单选择器。
在实际使用中，你可以通过组合这些选择器来精确选取DOM中的元素。例如，$("div.my-class:first") 会选取页面上第一个类名为my-class的div元素。
0条评论
点击登录参与评论