基本選擇器
#id $("#id")
.class $("#.class)
element $("p") 選擇p標籤
* $("*") 選擇所有元素
select1,select2,select3 $("div,span,p") 選擇所有div，span，p元素
select#id.class $("p#head") 選擇含有id為head的p元素
層次選擇器
$("div span") 選擇div元素下的所有span元素
$("div>span") 選擇div元素下的元素名是span的子元素
$(".one+div") 選擇class是one的下乙個div兄弟元素（緊鄰兄弟元素）
$(".one~div") 選擇class是one後面的所有div兄弟元素（所有兄弟元素）
表單選擇器
:input 選擇所有input，textarea，select，button
:text 選擇所有單行文字框
:password 選擇所有密碼框
:radio 選擇所有單選框
:checkbox 選擇所有多選框
:submit 選擇所有提交按鈕
:image 選擇所有按鈕
:reset 選擇所有重置按鈕
:button 選擇所有按鈕
:file 選擇所有上傳域
:hidden 選擇所有不可見元素
過濾選擇器
基本過濾
:first 選取第乙個
:last 選取最後乙個
:even 選擇偶數
:odd 選擇奇數
:eq(index) 等於
:gt(index) 大於
:lt(index) 小於
:not(select) 去除選擇元素
:header h1——h6
:animated 選擇所有正在執行的動畫元素
內容過濾
:contains() $("div:contains('我')") 選取包含文字「我」的div元素
:empty $("div:empty") 選擇div空元素
:has(select) $("div:has('p')") 選擇包含p元素的div元素
:parent $("div:parent") 選擇有子元素的div
可見性過濾
:hidden
:visible
屬性過濾
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[select1][select2][selectn]
子元素過濾
:nth-child()
:first-child
:last-child
only-child
表單物件屬性過濾
:enabled
:disabled
:checked
:selected
Jquery 選擇器 簡單的選擇器
1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last，eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...