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元素的樣式