### 1.基本选择器
![](https://box.kancloud.cn/7fe1d180bd64d977435b7e5b20999a7d_565x534.png)
### 2.层级选择器
![](https://box.kancloud.cn/55c30069d80fd5b06c0d2e271a12cd36_560x451.png)
![](https://box.kancloud.cn/e52b58fe3d667846da4a21be5c4b173b_923x208.png)
子元素选择器
~~~
$("div.one :nth-child(2)") //选择class为one的div的第二个子元素
$("div.one :first-child") //选择class为one的div的第一个子元素
$("div.one :last-child") //选择class为one的div的最后一个子元素
$("div.one :only-child") //选择class为one的div的唯一子元素
~~~
内容选择器
~~~
$("div:contains('di')") //选择内容包含‘di’的div
$("div:empty") //选择不包含文本的空div
$("div:has(div.mini)") //选择含有class叫div的div元素
~~~
### 3.基本过滤选择器
![](https://box.kancloud.cn/4eb271d8075526c859d1b61e1116d087_443x563.png)
### 4.属性选择器
![](https://box.kancloud.cn/fcbb19fe3a28aa47a263d57c8dc51aa0_500x573.png)
### 5.查找选择器
![](https://box.kancloud.cn/2734260159d46a7563c1b4d8b118e032_497x285.png)
#### nextAll(expression)
~~~
//查找当前元素之后所有的同辈元素。
$("#one").nextAll("span:first") //查找id为one元素后面第一个span元素
~~~
#### preAll(expression)
~~~
//查找当前元素之前所有的同辈元素
$("#two").prevAll("div") //查找id为two元素前面所有div元素
~~~
- 第一章.git
- 1-1 git基本命令
- 1-2 ssh的配置
- 1-3 版本回退
- 第二章 markdown基本语法
- 第三章 HTML
- 3-1 HTML标签概念
- 3-2 html结构
- 3-3 基本标签
- 3-4 input输入框
- 3-5 table表格
- 第四章 CSS
- 4-1 CSS基础
- 4-2 基本样式
- 4-3 选择器
- 4-4 盒子模型
- 4-5 进阶样式
- 4-6 样式继承
- 4-7 浮动
- 4-8 定位
- 4-8 水平垂直居中
- 4-9 特殊情况
- 4-10 表单
- 4-11 2D效果
- 4-12 BFC
- 第五章 JavaScript笔记
- 5-1JS基础
- 5-2 DOM介绍
- 5-3 DOM操作详解
- 5-4 JSON详解
- 第六章 jQuery
- 6-1 jQuery概述
- 6-2 jQuery选择器
- 6-3 jQuery常用操作
- 第七章 AJAX
- 7-1 原生ajax
- 7-2 http,get,post
- 7-3 跨域
- 7-4 jQuery-ajax
- Web前端命名规范