選擇器jquery |
實例動畫 |
選取spa |
*ci |
$("*")element |
全部元素字符串 |
#idget |
$("#lastname")input |
id="lastname" 的元素it |
.classio |
$(".intro") |
全部 class="intro" 的元素 |
$("p") |
全部 <p> 元素 |
|
.class.class |
$(".intro.demo") |
全部 class="intro" 且 class="demo" 的元素 |
$("p:first") |
第一個 <p> 元素 |
|
$("p:last") |
最後一個 <p> 元素 |
|
$("tr:even") |
全部偶數 <tr> 元素 |
|
$("tr:odd") |
全部奇數 <tr> 元素 |
|
$("ul li:eq(3)") |
列表中的第四個元素(index 從 0 開始) |
|
$("ul li:gt(3)") |
列出 index 大於 3 的元素 |
|
$("ul li:lt(3)") |
列出 index 小於 3 的元素 |
|
:not(selector) |
$("input:not(:empty)") |
全部不爲空的 input 元素 |
$(":header") |
全部標題元素 <h1> - <h6> |
|
|
全部動畫元素 |
|
$(":contains('W3School')") |
包含指定字符串的全部元素 |
|
$(":empty") |
無子(元素)節點的全部元素 |
|
:hidden |
$("p:hidden") |
全部隱藏的 <p> 元素 |
$("table:visible") |
全部可見的表格 |
|
s1,s2,s3 |
$("th,td,.intro") |
全部帶有匹配選擇的元素 |
$("[href]") |
全部帶有 href 屬性的元素 |
|
$("[href='#']") |
全部 href 屬性的值等於 "#" 的元素 |
|
$("[href!='#']") |
全部 href 屬性的值不等於 "#" 的元素 |
|
$("[href$='.jpg']") |
全部 href 屬性的值包含以 ".jpg" 結尾的元素 |
|
$(":input") |
全部 <input> 元素 |
|
$(":text") |
全部 type="text" 的 <input> 元素 |
|
$(":password") |
全部 type="password" 的 <input> 元素 |
|
$(":radio") |
全部 type="radio" 的 <input> 元素 |
|
$(":checkbox") |
全部 type="checkbox" 的 <input> 元素 |
|
$(":submit") |
全部 type="submit" 的 <input> 元素 |
|
$(":reset") |
全部 type="reset" 的 <input> 元素 |
|
$(":button") |
全部 type="button" 的 <input> 元素 |
|
$(":image") |
全部 type="image" 的 <input> 元素 |
|
$(":file") |
全部 type="file" 的 <input> 元素 |
|
$(":enabled") |
全部激活的 input 元素 |
|
$(":disabled") |
全部禁用的 input 元素 |
|
$(":selected") |
全部被選取的 input 元素 |
|
$(":checked") |
全部被選中的 input 元素 |