jquery選擇器用法筆記（第一部分）

由于我在項目中用jquery比較多，而且覺得jquery真的很不錯，尤其是其靈活高效的選擇器更是令人無法忘懷。那麼，今天就來寫一篇非常基礎的關于jquery選擇器的文章，路過的朋友可以收藏以作參考。

1、$("*")   --  選取所有元素

* 選擇器選取文檔中的每個單獨的元素，包括 html、head 和 body。

如果與其他元素（嵌套選擇器，正如上面的例子）一起使用，該選擇器選取指定元素中的所有子元素。

如選取body内的所有元素我們我們可以這樣：$(body *)

2、$("#id")  --  選取對應id的元素

# 選取帶有唯一的指定 id 的元素。

id 引用 HTML 元素的 id 屬性。

相同的 id 值隻能在文檔中使用一次。

如要選取id為content的元素：$("#content")

注意：id不要以數字開頭，有些浏覽器會出問題

3、$(".class")  --  選取指定class的所有元素

. 選擇器選取帶有指定 class 的元素。

class 引用 HTML 元素的 class 屬性。

與 id 選擇器不同，class 選擇器常用于多個元素。

這樣就可以為帶有相同 class 的任何 HTML 元素設定特定的樣式。

注意：class名稱不要以數字開頭，有些浏覽器會出問題

如要選取class為title的所有元素：$(".title")

4、$(element)  --  選取指定标簽名的元素

element 選擇器選取帶有指定标簽名的元素。

标簽名引用 HTML 标簽的 < 與 > 之間的文本。

如要選取所有p元素：$(p)

5、$("p:first")  --  選取第一個p元素

:first 選擇器選取第一個元素。

最常見的用法：與其他元素一起使用，選取指定組合中的第一個元素

6、$("p:last")  --  選取最後一個p元素

:last 選擇器選取最後一個元素。

最常見的用法：與其他元素一起使用，選取指定組合中的最後一個元素

7、$("tr:even")  --  選取所有偶數<tr>元素

:even 選擇器選取每個帶有偶數 index 值的元素（比如 2、4、6）。

index 值從 0 開始，所有第一個元素是偶數 (0)。

最常見的用法：與其他元素/選擇器一起使用，來選擇指定的組中偶數序号的元素

8、$("tr:odd")  --  選取所有奇數<tr>元素

:odd 選擇器選取每個帶有奇數 index 值的元素（比如 1、3、5）。

最常見的用法：與其他元素/選擇器一起使用，來選擇指定的組中奇數序号的元素

今天先介紹這幾個，改天再繼續講其他的選擇器用法，敬請期待