由於我在項目中用jquery比較多，而且覺得jquery真的很不錯，尤其是其靈活高效的選擇器更是令人無法忘懷。那麼，今天就來寫一篇非常基礎的關於jquery選擇器的文章，路過的朋友可以收藏以作參考。1、$("*") -- 選取所有元素* 選擇器選取文檔中的每個單獨的元素，包括 html、head 和...
由於我在項目中用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）。
index 值從 0 開始，所有第一個元素是偶數 (0)。
最常見的用法：與其他元素/選擇器一起使用，來選擇指定的組中奇數序號的元素
今天先介紹這幾個，改天再繼續講其他的選擇器用法，敬請期待
