JQuery狀態選擇器

2021-09-02 04:09:10 字數 991 閱讀 2153

:enabled:選擇可用的元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":enabled")等價於$("*:enabled")。:enabled選擇器只能用於選擇支援disabled屬性的元素,如:button、input、optgroup、option、select和textarea。儘管:enabled選擇器與:not([disabled])最終的結果通常是相同的,但是它們略有不同。:enabled選擇器選擇disabled屬性嚴格等於false的元素,而:not([disabled])選擇沒有disabled屬性的元素。 eg:選擇可用的input元素,$("input:enabled")。

:disabled:選擇禁用的元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":disabled")等價於$("*:disabled")。雖然:disabled與[disabled]最終的結果通常是相同的,但是它們略有不同。:disabled匹配真正被禁用的元素,而[disabled]只是檢查disabled屬性是否存在。 eg:選擇禁用的input元素,$("input:disabled")。

:selected:選擇被選中的元素。:selected元素適用於option元素,不適用於checkbox和radio。因為:selected不是css規範的一部分而是jquery擴充套件,所以使用:selected查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:selected選擇元素時想要獲得最佳效能,則需要首先用純css選擇器選擇元素,然後使用.filter(":selected")。eg:選擇選中的元素,$("option:selected"),建議用法為$("option").filter(":selected")。

:checked:選擇被選中的元素。如果只想選擇select元素被選中的選項應該使用:selected。適用於select、checkbox和radio。eg:選擇選中的checkbox,$("input:checked")。

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...