jQuery 選擇器
選擇器 | 實例 | 選取 |
$("*") | 所有元素 | |
$("#lastname") | id="lastname" 的元素 | |
$(".intro") | 所有的元素 | |
$("p") | 所有 <p> 元素 | |
.class.class | $(".intro.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> 元素 | |
$(":p_w_picpath") | 所有 type="p_w_picpath" 的 <input> 元素 | |
$(":file") | 所有 type="file" 的 <input> 元素 | |
$(":enabled") | 所有激活的 input 元素 | |
$(":disabled") | 所有禁用的 input 元素 | |
$(":selected") | 所有被選取的 input 元素 | |
$(":checked") | 所有被選中的 input 元素 |
看了jQuery 的知識後,怕自己以後忘了,所以發篇博客記錄下,以後需要可以去看博客~~