1、*選擇器
$("*") ：所有元素
2、id選擇器
$("#title")：id=" title " 的元素
3、.class 選擇器
$(". fade") ：所有 class=" fade" 的元素
4、element(元素)選擇器
$("p")：所有 元素
5、.class.class 選擇器
$(". fade.demo")：所有 class=" fade " 且 class="demo" 的元素
6、:contains(text)
$(":contains('aaa')")：包含指定字串的所有元素
$("div:contains('aaa')")選擇所有div中含有aaa文字的元素
7、:gt(index) 選擇器
$("tr:gt(2)")：選取乙個table中 index 值大於2的tr元素。(index 從0開始，)
8、$(":lt(index)") 選擇器
$("tr:lt(2)")：選取乙個table中 index 值小於2的tr元素。(index 從0開始，)
9、$(":eq(index)") 選擇器
$("tr:eq(1)")：選取乙個table第二個tr元素。(index 從0開始，)
10、$("p:first")選擇器
$("p:first") ：選擇器選取第乙個p元素
11、$("p:last") 選擇器
$("p:last") ：選擇最後乙個 元素
12、選擇以某些開頭或結尾的元素
$("div[name^='qpage']") ：選擇所有的name屬性以qpage開頭的div元素
$("div[name$='qpage']") ：選擇所有的name屬性以qpage結尾的div元素
$("div[id]") 選擇所有含有 id 屬性的div元素。
$("div[id='qwer']") 選擇 id 為 qwer 的 div 元素。
$("div[id!='qwer']") 選擇 id 不為 qwer 的 div 元素。
$("div[id^='qwer']") 選擇 id 以 qwer 開頭的 div 元素。
$("div[id$='qwer']") 選擇 id 以 qwer 結尾的 div 元素。
$("div[id*='qwer']") 選擇 id 含 qwer 的 div 元素。
$("div[id^='qwer']") 選擇 id 以 qwer 開頭的 div 元素。
$("div[id][class='qwer']") 選擇存在id屬性並且類為qwer的 div 元素。
13、屬性選擇器
[attribute] $("[href]") 所有帶有 href 屬性的元素
[attribute=value] $("[href='#']") 所有 href 屬性的值等於 "#" 的元素
[attribute!=value] $("[href!='#']") 所有 href 屬性的值不等於 "#" 的元素
[attribute$=value] $("[href$='.jpg']") 所有 href 屬性的值包含以 ".jpg" 結尾的元素
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...
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...
jQuery 基本選擇器
基本選擇器是jquery中最常用的選擇器，也是最簡單的選擇器，它通過元素id，class和標籤名等來查詢dom元素。在網頁中，每個id名稱只能使用一次，class允許重複使用。效果描述 乙個簡單的html示例，通過基本選擇器來匹配剛才html 中的,等元素並進行操作 改背景色 如下 id is on...