id 選擇器
jquery 能使用 CSS 選擇器來操作網(wǎng)頁中的標(biāo)簽元素。如果你想要通過一個(gè) id 號(hào)去查找一個(gè)元素，就可以使用如下格式的選擇器：
$("#my_id")
其中#my_id表示根據(jù) id 選擇器獲取頁面中指定的標(biāo)簽元素，且返回唯一一個(gè)元素。
例如：
在瀏覽器中顯示的效果：
從圖中可以看出，通過#id選擇器的方式獲取元素，并在元素中調(diào)用 html()方法為id="divtest"的<div>元素設(shè)置了文字顯示在頁面中。
此外，html() 方法的功能是設(shè)置或獲取元素中顯示的內(nèi)容
element 選擇器
在文具盒中，有鉛筆、鋼筆和水彩筆，類似于頁面中的<div>、<span>各個(gè)元素，雖然同屬于一個(gè)容器，但有各自的功能，jQuery 中可以根據(jù)元素名查找元素，格式如下：
$("element")
其中 element 就是元素的名稱，也就是工具盒中的筆的名稱，找到水彩筆，我們就可畫畫了，通過元素名找到元素就可以對它進(jìn)行操作了。
如下圖所示：在頁面中，根據(jù)元素名找到了一個(gè)元素，并將它顯示的字體加粗。
在瀏覽器中顯示的效果：
從上面圖中可以看出，根據(jù)元素的名稱可以查找到該元素，并調(diào)用 css() 方法將設(shè)置該元素內(nèi)容中文字顯示的樣式。
此外
css() 方法的功能是設(shè)置或獲取元素的某項(xiàng)樣式屬性
attr()方法的功能是設(shè)置或獲取元素的某項(xiàng)屬性值
.class 選擇器
我們在上一小節(jié)介紹了通過使用元素名稱查詢元素的方法，其實(shí)，還可以通過元素的類別屬性查找元素，就好比在文具盒中要找一個(gè)"紅色"鉛筆一樣，根據(jù)元素的某個(gè)特征進(jìn)行查找，它的調(diào)用格式如下：
$(".class")
其中.class參數(shù)表示元素的 CSS 類別(類選擇器)名稱。
例如，在頁面中，通過 class 選擇器獲取某個(gè)元素，并顯示該元素的 class 類別名稱，如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，通過 class 選擇器的方式獲取元素，并調(diào)用元素的 attr() 方法獲取元素的類別名稱，并將名稱顯示在頁面中。
* 選擇器
有一個(gè)非常"牛"的選擇器，*選擇器，它的功能是獲取頁面中的全部元素，"全部"啊!包括<head>、<body>、<script>這些元素，相當(dāng)于可以取走你文具盒中的所有鉛筆,格式為：
$("*")
選擇器中的參數(shù)就一個(gè)"*"，既沒有"#"號(hào)，也沒有"."號(hào)。 由于該選擇器的特殊性，它常與其他元素組合使用，表示獲取其他元素中的全部子元素。
如下圖所示： 使用*選擇器，獲取 div 中的所有子元素并設(shè)置三個(gè)子元素顯示相同的內(nèi)容。
在瀏覽器中顯示的效果：
由于三個(gè)元素都包含在<div>元素中，因此，它們都是<div>元素的子元素，那么，就可以使用$("div *")的方式獲取<div>元素中的這三個(gè)子元素，并使用 html() 方法來設(shè)置它們顯示的內(nèi)容。
實(shí)踐證明，由于使用*選擇器獲取的是全部元素，因此，有些瀏覽器將會(huì)比較緩慢，這個(gè)選擇器也需要謹(jǐn)慎使用。
sele1, sele2, seleN 選擇器
有時(shí)需要精確的選擇任意多個(gè)指定的元素，類似于從文具盒中挑選出多根自已喜歡的筆，就需要調(diào)用 sele1, sele2, seleN 選擇器，它的調(diào)用格式如下：
$("sele1,sele2,seleN")
其中參數(shù) sele1、sele2 到 seleN 為有效選擇器，每個(gè)選擇器之間用"，"號(hào)隔開，它們可以是之前提及的各種類型選擇器，如$("#id")、$(".class")、$("selector")選擇器等。
例如，通過選擇器獲取其中的任意兩個(gè)元素，并將它們顯示的內(nèi)容設(shè)為相同，如圖所示：
在瀏覽器中顯示的效果：
雖然頁面中添加了三個(gè)元素，但是通過使用$("div,p")選擇器方式獲取了其中的<div>和<p>元素，并設(shè)置它們顯示的內(nèi)容。
ance desc 選擇器
本節(jié)開始，我們將介紹層次性選擇器。
在實(shí)際應(yīng)用開發(fā)中，常常是多個(gè)元素嵌套在一起，形成復(fù)雜的層次關(guān)系，通過層次選擇器，可以快速定位某一層次的一個(gè)或多個(gè)元素，ance desc選擇器就是其中之一，它的調(diào)用格式如下：
$("ance desc")
其中 ance desc 是使用空格隔開的兩個(gè)參數(shù)。ance參數(shù)（ancestor 祖先的簡寫）表示父元素；desc 參數(shù)（descendant 后代的簡寫）表示后代元素，即包括子元素、孫元素等等。兩個(gè)參數(shù)都可以通過選擇器來獲取。比如家族姓氏"div"，家族幾代人里，都有名字里帶"span"的，就可以用這個(gè)ance desc選擇器把這幾個(gè)人給定位出來。
例如，使用層次選擇器，獲取<div>元素中的全部<span>元素，并設(shè)置它們顯示的內(nèi)容，在如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，使用層次選擇器$("div span")獲取了在<div>元素中的兩個(gè)元素，一個(gè)是<p>元素中的子元素，另一個(gè)是<p>元素外的同級(jí)元素，但它們都是在一個(gè)<div>元素下，也就是說在一個(gè)"家族"下。
parent > child 選擇器
與上一節(jié)介紹的ance desc選擇器相比，parent > child選擇器的范圍要小些，它所選擇的目標(biāo)是子集元素，相當(dāng)于一個(gè)家庭中的子輩們，但不包括孫輩，它的調(diào)用格式如下：
$("parent > child")
child 參數(shù)獲取的元素都是 parent 選擇器的子元素，它們之間通過">"符號(hào)來表示一種層次關(guān)系。
如圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，使用$("div>span")選擇器代碼，獲取的是<div>"家庭中"全部"子輩"<span>元素，不包括"孫輩"<span>元素和"家庭外"的<span>元素。
prev + next 選擇器
俗話說"遠(yuǎn)親不如近鄰"，而通過prev + next選擇器就可以查找與"prev"元素緊鄰的下一個(gè)"next"元素，格式如下：
$("prev + next")
其中參數(shù)cprevc為任何有效的選擇器，參數(shù)"next"為另外一個(gè)有效選擇器，它們之間的"+"表示一種上下的層次關(guān)系，也就是說，"prev"元素最緊鄰的下一個(gè)元素由"next"選擇器返回的并且只返回唯的一個(gè)元素。
例如，使用prev + next選擇器，獲取<p>元素最近鄰的下一個(gè)元素，如下圖所示：
在瀏覽器中顯示的效果：
prev ~ siblings 選擇器
與上一節(jié)中介紹的prev + next層次選擇器相同，prev ~ siblings選擇器也是查找 prev 元素之后的相鄰元素，但前者只獲取第一個(gè)相鄰的元素，而后者則獲取 prev 元素后面全部相鄰的元素，它的調(diào)用格式如下：
$("prev ~ siblings")
其中參數(shù) prev 與 siblings 兩者之間通過"~"符號(hào)形成一種層次相鄰的關(guān)系，表明 siblings 選擇器獲取的元素都是 prev 元素之后的同輩元素。
例如，使用prev ~ sliblings選擇器，獲取<p>元素后面相鄰的全部元素，并設(shè)置它們在頁面中顯示的內(nèi)容，如下圖所示：
在瀏覽器中顯示的效果：
可以看出，調(diào)用$("p~span")選擇器代碼，獲取了<p>元素下面兩個(gè)(全部)的<span>元素，該元素不包含<p>元素上面的元素和不屬于同輩范圍的元素。
