系列文章目录
例如:第一章 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元素