分類
選擇器
描述
示例
基本選擇器
#id根據給定的id匹配乙個元素
$("#test")選取id為test的元素，返回單個元素
.class
根據給定的類名匹配元素
$(".test")選取所有class為test的元素
element
根據給定元素名匹配元素
$("p")選取所有的元素
匹配所有元素
$("*")選取所有元素
selected1，…,selectedn
將每乙個選擇器匹配到元素合併後一起返回
$("div,span,p.myclass")選取所有的，和擁有class為myclass的標籤的一組資料
層次選擇器
$("ancestor descendant")
選取ancestor（祖先）元素裡的所有descendant（後代）元素
$("div span")選取裡的所有元素
$("parent>child")
選取parent（父）元素下的child（子）元素
$("div>span")選取元素下元素名為的子元素
$("prev+next")等價於$(".one").next("div")
選取緊接在prev元素後的next元素
$(".one+div")選取緊接在class為one的下乙個兄弟元素
$("prev～siblings")等價於$("#prev").nextall("div")
選取prev元素之後的所有siblings元素
$("#two～div")選取id為two的元素後面的所有元素
過濾選擇器
:first
選取第乙個元素
$("div:first")選取所有的中的第乙個元素
:last
選取最後乙個元素
$("div:last")選取所有的中的最後乙個元素
:not(selector)
去除所有與給定的選擇器匹配的元素
$("input:not(.myclass)")選取class不是myclass的的元素
:even
選取索引是偶數的所有元素，索引從0開始
$("input:even")選取索引是偶數的元素
:odd
選取索引是奇數的所有元素，索引從0開始
$("input:even")選取索引是奇數的元素
:eq(index)
選取索引等於index的元素（index從0開始）
$("input:eq(1)")選取索引等於1的元素
:gt(index)
選取索引大於的index元素（index從0開始）
$("input:eq(1)")選取索引大於1的元素
:lt(index)
選取索引小於的index元素（index從0開始）
$("input:eq(1)")選取索引小於1的元素
:header
選取所有標題元素，例如：h1,h2,h3等
$(":header")選取網頁中的所有的…
:animated
選取當前正在執行動畫的所有元素
$("div:animated")選取正在執行動畫的元素
:contains(text)
選取含有文字內容為「text」的元素
$("div:contains('我')")選取含有文字「我」的元素
:empty
選取不包含子元素或者文字的空元素
$("div:empty")選取不包含子元素（包含文字元素）的空元素
:has(selector)
選取含有選擇器所匹配的元素的元素
$("div:has(p)")選取含有元素的元素
:parent
選取含有子元素或者文字的元素
$("div:parent")選取擁有子元素（包括文字元素）的元素
:hidden
選取所有不可見的元素
$(":hidden")選取所有不可見元素。包括,和等元素
:visible
選區所有可見的元素
$("div:visible")選區所有可見的元素
:nth-child
選取每個父元素下的(index/even/odd/equation)元素
:eq(index)只匹配乙個元素，且index從0開始；:nth-child(index)為每乙個父元素匹配子元素，且index從1開始
:first-child
選取每個父元素的第乙個子元素
:first只返回單個元素，而:first-child為每個父元素匹配第乙個子元素。例如：$("ul li:first-child")選取每個中的第乙個元素
:last-child
選取每個父元素的最後乙個子元素
:last只返回單個元素，而:last-child為每個父元素匹配最後乙個子元素。例如：$("ul li:last-child")選取每個中的最後乙個元素
:only-child
如果某個元素是它父元素中唯一的子元素，那麼它將會被匹配。如果父元素中含有不止乙個子元素，則不會被匹配
$("ul li:only-child")在中選取是唯一子元素的元素
:enabled
選取所有可用元素
$("#from1:enabled")選取id為from1的表單內所有可用的元素
:disabled
選取所有不可用元素
$("#from1:disabled")選取id為from1的表單內所有可用的元素
:checked
選取所有被選中的元素（單選框、核取方塊）
$("input:checked")選取所有被選中的元素
:selected
選取所有被選中的選項元素（下拉列表框）
$("select：selected")選取所有被選中的選項元素
[attribute]
選取擁有此屬性的元素
$("div[id]")選區擁有屬性id的元素
[attribute=value]
選取屬性值為value的元素
$("div[title=test]")選取屬性title為「test」的元素
[attribute!=value]
選取屬性值不等於value的元素
$("div[title!=test]")選取屬性title不為「test」的元素，沒有屬性title的元素也會被選中
[attribute^=value]
選取屬性值以value開始的元素
$("div[title=^value]")選取屬性以「test」開始的元素
[attribute$=value]
選取屬性值以value結束的元素
$("div[title=$value]")選取屬性以「test」結束的元素
[attribute*=value]
選取屬性值含有value的元素
$("div*=value")選取屬性title含有「test」的元素
[selector1]，…，[selectorn]
用屬性選擇器合併成乙個復合屬性選擇器，滿足多個條件。
$("div[id][title$='test']")選取擁有屬性id並且title以「test」結束的元素
表單選擇器
:input
選取所有的、、和元素
$(":input")選取所有的、、和元素
:text
選取所有單行文字框
$(":text")選取所有單行文字框
:password
選取所有密碼框
$(":password")選取所有密碼框
:radio
選區所有單選框
$(":radio")選區所有單選框
:checkbox
選取所有多選框
$("checkbox")選取所有多選框
:submit
選取所有提交按鈕
$("submit")選取所有提交按鈕
:image
選取所有影象按鈕
$("image")選取所有影象按鈕
:reset
選取所有重置按鈕
$("reset")選取所有重置按鈕
:button
選取所有的按鈕
$("button")選取所有的按鈕
:file
選取所有上傳域
$("file")選取所有上傳域
:hidden
選取所有不可見元素
$("hidden")選取所有不可見元素
markdown語法速查表
markdown 語法速查表 這是 h1 一級標題 這是 h2 二級標題 這是 h6 六級標題 這是 h6 六級標題 這是文字粗體格式 這是文字斜體格式 在文字上新增刪除線 這是文字粗體格式這是文字斜體格式 在文字上新增刪除線 專案1 專案2 專案3 1.專案1 2.專案2 3.專案3 專案1 專案...
Python 基礎速查表
資料型別 integer 256,15 float 253.23,1.253e 10 string hel lo goodbye mul til ine boolean true,false list value,tuple value,dictionary set 語句if 語句 if expre...
vim指令速查表
命令 描述vim filename 開啟或新建檔案,並將游標置於第一行首 vim n filename 開啟檔案，並將游標置於第n行首 vim filename 開啟檔案，並將游標置於最後一行首 vim pattern filename 開啟檔案，並將游標置於第乙個與pattern匹配的串處 vim...