jQuery选择器

系列文章目录

例如：第一章 jQuery选择器

---

---

前言

jQuery选择器非常强大，可以快速查找某个/些dom元素，在这里只列举一些常用选择器，详细内容可以在jQuery中文手册中查看

---

一、是什么？

选择器有特定语法规则（css选择器）的字符串，用来查找某个/些DOM元素：$(selector)

二、分类

1. 基本选择器

• #id
• .class
• tagName/*
• selector1, selector2, selector3：并集
• selector1selector2selector3：交集

2. 层次选择器: 查找子孙/兄弟元素

• selector1 > selector2：子元素
• selector1 selector2：后代元素
• selector1 + selector2：紧跟在selector1元素后的selector2元素

3. 过滤选择器: 在原有匹配元素中筛选出其中一些

• :first
• last
• eq(index):
• gt(index):
• lt(index)
• :not(selector)
• [attrName]
• [attrName=value]
• :hidden
• :visible

4. 表单选择器

• :checked
• :input
• :text
• :password
• :checkbox
• :radio

---

总结

单个选择器的使用非常简单，但是在大型项目开发中会更加灵活地组合选择器，从而快速定位到需要操作的dom元素