名稱
選擇器語法
功能全選選擇器
*選取所有元素，不管他們的名字
元素選擇器
元素名選取名字匹配的所有元素，例如 input
id選擇器
#id通過id匹配乙個元素 例如#field
類選擇器
.class
選取類名匹配乙個元素 例如.tabs
後代選擇器
父子選擇父元素中任意位置的子元素 例如：#list1 li
子元素選擇器
父》子選取父元素中的直接子元素，例如#tabs>div
相鄰元素選擇器
前+後選取緊跟前面元素的後面的兄弟元素，例如：input+label
兄弟選擇器
前~後在同乙個父元素內，選取緊跟著前面元素的後面的兄弟元素，例如
屬性選擇器
[屬性名]
選取有個屬性的所有元素，不管它的值，例如：input[readonly]
屬性相等選擇器
[屬性名=「值」]
選取有這個屬性並且屬性值跟給定值相等的所有元素，列如：label[for="field1"]
屬性不等選擇器
[屬性名！=「值」]
選取不包含這個屬性名，或者包含這個屬性但值不一樣的所有元素，例如：a[target!="_blank"]
屬性開頭選擇器
[屬性名^="值」]
選取有這個屬性的並且屬性值的開頭與給定值相等的所有元素，例如 a[href^="http:"]
屬性結尾選擇器
[屬性名=$"值"]
選取有這個屬性的並且屬性值的結尾與給定值相等的所有元素，例如a[href$=".pdf"]
屬性包含選擇器
[屬性名*=「值」]
屬性包含單詞選擇器
[屬性名~=「值」]
選擇有這個屬性並且屬性值包含給定單詞(以空格分開)的所有元素，例如a[href=「google」]
屬性包含字首選擇器
[屬性名|=「值」]
選擇有個屬性的並且屬性值等於給定值，或者以給定開始並緊接著有乙個連線符（-）的所有元素，列如：a[class|="ui-state"]
多屬性選擇器
[屬性名1=「值1」]
[屬性名2=「值2」]
例如 input[type="checkbox"] [disabled]
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...
jquery基本選擇器
1 選擇器 所有元素 2 id選擇器 title id title 的元素 3 class 選擇器 fade 所有 class fade 的元素 4 element 元素 選擇器 p 所有 元素 5 class.class 選擇器 fade.demo 所有 class fade 且 class de...
jQuery基本選擇器
id選擇器 id 描述 查詢id為 mydiv 的元素html id notme id notme div id mydiv id mydiv div jquery mydiv 結果 id mydiv id mydiv div 元素選擇器 element 描述 查詢乙個 div 元素html div...