jQuery的优势和基础选择器

一、jQuery的优势

1.jQuery可以写多个入口函数
2.jQuery的名字都比较容易记忆
3.jQuery的代码简洁（隐式迭代）
4.jQuery帮我们解决了浏览器兼容问题
5.容错率较高，前面的代码出现问题，后面的代码不受影响

二、如何使用jQuery

1.引入jQuery文件
2.写一个入口函数
3.找到你要操作的元素（jQuery选择器），去操作他（给他添加属性，样式，文本…）

三、jQuery基础选择器

jQuery的选择器有两类：一类是“基础选择器”，另一类是“伪类选择器”。这篇文章先学习jQuery的基础选择器。
基础选择器有以下三种：
·基本选择器
·层次选择器
·属性选择器

1、基本选择器

jQuery选择器的功能就是选中你想要的元素，然后对该元素进行操作。其中，选择器的语法格式如下。

$("选择器")

基本选择器就是使用频率较高的一种选择器，有以下四种：
·元素选择器
·id选择器
·class选择器
·群组选择器

1.1 元素选择器

用于选中相同的元素，然后对相同的元素进行操作。

1.2 id选择器

id选择器，用于选中某个id的元素，然后对该元素进行各种操作。

1.3 class选择器

class选择器，就是我们常说的“类选择器”。我们可以对“相同的元素”或者“不同的元素”定义一个相同的class，然后针对这个class的元素进行各种操作。

1.4 群组选择器

群组选择器，用于同时对几个选择器进行相同的操作。

2、层次选择器

层次选择器，就是通过元素之间的层次关系来选择元素的一种基础选择器。层次选择器在实际开发中也是相当重要的。常见的层次关系包括：父子、后代、兄弟、相邻。

2.1 后代选择器

后代选择器，用于选择元素内部的所有某一种元素，包括子元素和其他后代元素。

2.2 子代选择器

子代选择器，用于选中元素内部的某一种子元素。子代选择器与后代选择器虽然很相似，但是也有着明显的区别。
区别如下：
·后代选择器，选取的是元素内部所有的元素（包括子元素、孙元素等）。
·子代选择器，选取的是元素内部的某一种子元素（只限子元素）。

2.3 兄弟选择器

兄弟选择器，用于选中元素后面（不包括前面）的某一类兄弟元素。

2.4 相邻选择器

相邻选择器，用于选中元素后面（不包括前面）的某一个“相邻”的兄弟元素。相邻选择器与兄弟选择器也非常相似，不过也有明显的区别。
区别如下：
·兄弟选择器选取元素后面“所有”的某一类元素。
·相邻选择器选取元素后面“相邻”的某一个元素。

在这一节中，其实我们主要讲解的是两组选择器。·后代选择器和子代选择器。·兄弟选择器和相邻选择器。这样划分就一目了然了。大家可以根据这个划分，深入对比，多次实践，这样才能加深理解和记忆。

3、属性选择器

属性选择器，指的是通过“元素的属性”来选择元素的一种基础选择器。