jQuery 可以理解为是 js原生封装了很多的好用的方法放在了jquery.js这个文件中。
1.选择器
(1)基础选择器
| 名称 | 用法 | 描述 |
|---|
| 全选选择器 | $('*') | 匹配所有元素 |
| id选择器 | $('#id') | 获取指定id的元素 |
| 标签选择器 | $('div') | 获取同一类标签的所有元素 |
| 类选择器 | $('.class') | 获取同一类class的所有元素 |
| 并集选择器 | $('div,p,li') | 选取多个元素 |
| 交集选择器 | $('li.class') | 同时拥有这些属性的元素 |
(2)层级选择器
| 名称 | 用法 | 描述 |
|---|
| 后代选择器 | $('ul li') | 获取ul下的所有li元素,包括孙子等 |
| 子级选择器 | $('ul>li') | 获取亲儿子层级的元素,不会获取孙子层级的元素 |
| 相邻选择器 | $('p+li') | 选取紧邻目标元素的下一个元素 |
| 同辈选择器 | $('p ~ li') | 选取目标元素之后的所有同辈元素 |
(3)属性选择器
| 符号 | 用法 | 描述 |
|---|
| [] | $('a[href]') | 选取属性有href的a标签 |
| ! | $('li[class!=a]') | 选取不等于属性是某个特定值的元素 |
| $('a[href^=www]') | 指定属性值以指定值开头的元素 |
| $ | $('a[href$=com]') | 指定属性值以指定值结尾的元素 |
| * | $('a[href*=baidu]') | 指定属性值包含指定值的元素 |