w3c分類:
jquery 元素選擇器:jquery 使用 css 選擇器來選取 html 元素。
$("p") 選取 元素。
$("p.intro") 選取所有 class="intro" 的 元素。
$("p#demo") 選取 id="demo" 的第乙個 元素。
jquery 屬性選擇器:jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
jquery css 選擇器:jquery css 選擇器可用於改變 html 元素的 css 屬性。
$("p").css("background-color","red");
w3c手冊中的例子
$("p:first")第乙個 元素
$("p:last")最後乙個 元素
$("tr:even")所有偶數 元素
$("tr:odd")所有奇數 元素
$("ul li:eq(3)")列表中的第四個元素(index 從 0 開始)
$("ul li:gt(3)")列出 index 大於 3 的元素
$("ul li:lt(3)")列出 index 小於 3 的元素
$("input:not(:empty)")所有不為空的 input 元素
$(":contains('a')")包含文字的所有元素
$(":empty")無子(元素)節點的所有元素
$("p:hidden")所有隱藏的 元素
$("table:visible")所有可見的**
$(":input")所有 元素
$(":text")所有 type="text" 的 元素
$(":password")所有 type="password" 的 元素
$(":radio")所有 type="radio" 的 元素
$(":checkbox")所有 type="checkbox" 的 元素
$(":submit")所有 type="submit" 的 元素
$(":reset")所有 type="reset" 的 元素
$(":button")所有 type="button" 的 元素
$(":image")所有 type="image" 的 元素
$(":file")所有 type="file" 的 元素
$(":enabled")所有啟用的 input 元素
$(":disabled")所有禁用的 input 元素
$(":selected")所有被選取的 input 元素
$(":checked")所有被選中的 input 元素
jQuery選擇器總結
父元素中所有的子元素,不包括後代元 父元素 子元素 選擇某元素的緊挨著的元素 如果不存在則什麼都不選擇 某元素 需要查詢的元素 層次選擇器4 個 選擇父元素中的某些元素 父元素 子元素 選擇選擇兄弟元素 可以間隔其他元素 某元素 需要查詢的元素 簡單選擇器10 個 簡單選擇器的特點是有個 first...
Jquery選擇器總結
jquery中的選擇器通用的格式為 selector 這裡的selector總的來說可以按照幾種類別進行選擇 1 按照元素的名稱選 這時直接寫元素的名稱即可,此時返回的是所有該名稱元素的集合。如 a 選擇所有的元素,是個集合陣列 p 選擇所有的元素 2 按照元素的id屬性選擇 這時selector的...
jQuery選擇器總結
jquery 的選擇器可謂之強大無比,這裡簡單地總結一下常用的元素查詢方法 myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用my...