一、簡單的選擇器

1、$(div.class)：選擇所有class型別的div

2、$(".class ~ #menu")可寫成$(".class").nextAll("#menuf"):選擇class後所有的兄弟#menu

3、$(".class + #menu")可寫成$(".class").next("#menuf"):選擇class後的第一個兄弟#menu，如果後面第一個元素不是#menu這條語句則無效

二、基本過濾選擇器

1、$("div:first")：選擇所有div中第一個div

2、$("div:not(.bb)"):選擇不包括.bb的其他所有的div

3、$("div:eq(index)")：

4、$("div:gt(index)")：選擇索引大於index的div元素(不等於)

5、$("div:lt(index)")：選擇索引小於index的div元素（不等於）

6、$(":header")：選擇所有的h元素(只能這麼寫)

7、$("div:animated")：選擇div中所有正在執行動畫的div元素

三、內容過濾

1、$("div:contains('我')")：選取div的內容為"我"的元素

2、$("div:empty")：選取所有div中不包含子元素且不包含文字的空div

3、$("div:has(p)")：選取帶p元素的div

4、$("div:parent")：

四、屬性過濾

1、$("div:[attribute=value]")：選取div屬性值等於value的元素

2、$("div:[attribute!=value]")：

3、$("div:[attribute^=value]")：選取div屬性值以value開始的元素

4、$("div:[attribute$=value]")：選取div屬性值以value結束的元素

5、$("div:[attribute*=value]")：選取div屬性值含有value的元素

四、子元素過濾

1、$("div:first-child")：選取第一個div

2、$("div ul li:only-child")：選取 div下（ul li）中的ul只包含一個li的div（只看後兩位是否合適）

3、$("div ul li:nth-child(even)")：選取 div下（ul li）的ul中第二個li的div（只看後一位是否合適）

4、$("div ul li:nth-child(3n+1)")：選取 div下（ul li）的ul中li是3倍數+1的div（只看後一位是否合適）

1、$("#form：enabled")：選取form中所有可用元素

2、$("#form：disabled")：選取form中所有不可用元素

3、$("input：checked")：選取input中所有勾選元素

4、$("select：selected")：選取select中所有被選中的元素

5、$("select").change：當select中內容改變時立刻執行

6、$('ul li').filter(":contains('佳能'),:contains('奧林巴斯')").css("font-size","30px")：選取li中包含或子標籤包含contains中的字元