jQuery 選擇器例項

2022-09-16 18:45:16 字數 2301 閱讀 8891

選擇器

例項選取

*$("*")

所有元素

#id$("#lastname")

id="lastname" 的元素

.class

$(".intro")

所有 class="intro" 的元素

element

$("p")

所有 元素

.class.class

$(".intro.demo")

所有 class="intro" 且 class="demo" 的元素

:first

$("p:first")

第乙個 元素

:last

$("p:last")

最後乙個 元素

:even

$("tr:even")

所有偶數 元素

:odd

$("tr:odd")

所有奇數 元素

:eq(index)

$("ul li:eq(3)")

列表中的第四個元素(index 從 0 開始)

:gt(no)

$("ul li:gt(3)")

列出 index 大於 3 的元素

:lt(no)

$("ul li:lt(3)")

列出 index 小於 3 的元素

:not(selector)

$("input:not(:empty)")

所有不為空的 input 元素

:header

$(":header")

所有標題元素 -

:animated

所有動畫元素

:contains(text)

$(":contains('w3school')")

包含指定字串的所有元素

:empty

$(":empty")

無子(元素)節點的所有元素

:hidden

$("p:hidden")

所有隱藏的 元素

:visible

$("table:visible")

所有可見的**

s1,s2,s3

$("th,td,.intro")

所有帶有匹配選擇的元素

[attribute]

$("[href]")

所有帶有 href 屬性的元素

[attribute=value]

$("[href='#']")

所有 href 屬性的值等於 "#" 的元素

[attribute!=value]

$("[href!='#']")

所有 href 屬性的值不等於 "#" 的元素

所有 href 屬性的值包含以 ".jpg" 結尾的元素

:input

$(":input")

所有 元素

:text

$(":text")

所有 type="text" 的 元素

:password

$(":password")

所有 type="password" 的 元素

:radio

$(":radio")

所有 type="radio" 的 元素

:checkbox

$(":checkbox")

所有 type="checkbox" 的 元素

:submit

$(":submit")

所有 type="submit" 的 元素

:reset

$(":reset")

所有 type="reset" 的 元素

:button

$(":button")

所有 type="button" 的 元素

:image

$(":image")

所有 type="image" 的 元素

:file

$(":file")

所有 type="file" 的 元素

:enabled

$(":enabled")

所有啟用的 input 元素

:disabled

$(":disabled")

所有禁用的 input 元素

:selected

$(":selected")

所有被選取的 input 元素

:checked

$(":checked")

所有被選中的 input 元素

jquery選擇器所有例項

id為one div id為two class是 mini div class是 mini class是 one 這是隱藏的 class是 mini class是 mini class是 one class是 mini01 class是 mini 這是隱藏的 動畫 元素的值 id b1 元素的值 i...

jQuery選擇器例項手冊

選擇器 例項選取 所有元素 id lastname id lastname 的元素 class intro 所有 class intro 的元素 element p 所有 元素 class.class intro.demo 所有 class intro 且 class demo 的元素 first ...

jQuery 選擇器專案例項

首先廢話一句,jquery選擇器真心很強大!在專案中遇到這麼乙個問題easyui的問題 圖1 如圖所示,當前頁面顯示的是 原始報文查詢 的頁面,當時左側導航欄卻選中的是 重發報文查詢 如何讓右側的選單和左側的導航實現聯動即 左側點選 原始報文查詢 那麼右側的 補發運抵報文 展開,並選中 原始報文查詢...