jQuery的选择器（一）

jQuery选择器彻底继承CSS风格，jQuery 选择器容许对 HTML 元素组或单个元素进行操做。

jQuery的选择器包括基本选择器、层次选择器、过滤选择器、表单选择器。下面咱们就来详细讲解这几种选择器。

1、基本选择器

#id：根据给定的id匹配一个元素

.class：根据给定的类名匹配元素

element：根据给定的元素名匹配一个元素

*：匹配全部元素

selector1,selector2,...selectorN：将每个选择器匹配到的元素合并在一块儿

这里咱们先来写一个简单的布局

紧接着经过基本选择器来选择相应的HTML元素，改变元素的样式。

2、层次选择器

（ancestor  descendant）:选取ancestor 元素里的全部descendant（后代）元素

（parent > child）:选择parent元素下的子元素child

（prev + next）:选择紧接在prev元素后的next元素

（prev  ~  siblings）:选取prev元素以后的全部siblings兄弟元素。

先来写一个简单的布局

下面咱们经过层次选择器来改变HTML元素的样式