jquery選擇器總結

2021-07-15 07:21:14 字數 1474 閱讀 3944

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...