
- jQuery 教程
- jQuery - 首頁
- jQuery - 路線圖
- jQuery - 概述
- jQuery - 基礎
- jQuery - 語法
- jQuery - 選擇器
- jQuery - 事件
- jQuery - 屬性
- jQuery - AJAX
- jQuery DOM 操作
- jQuery - DOM
- jQuery - 新增元素
- jQuery - 刪除元素
- jQuery - 替換元素
- jQuery CSS 操作
- jQuery - CSS 類
- jQuery - 尺寸
- jQuery - CSS 屬性
- jQuery 效果
- jQuery - 效果
- jQuery - 動畫
- jQuery - 鏈式呼叫
- jQuery - 回撥函式
- jQuery 遍歷
- jQuery - 遍歷
- jQuery - 遍歷祖先節點
- jQuery - 遍歷子孫節點
- jQuery UI
- jQuery - 互動
- jQuery - 小部件
- jQuery - 主題
- jQuery 參考
- jQuery - 選擇器
- jQuery - 事件
- jQuery - 效果
- jQuery - HTML/CSS
- jQuery - 遍歷
- jQuery - 雜項
- jQuery - 屬性
- jQuery - 工具函式
- jQuery 外掛
- jQuery - 外掛
- jQuery - PagePiling.js
- jQuery - Flickerplate.js
- jQuery - Multiscroll.js
- jQuery - Slidebar.js
- jQuery - Rowgrid.js
- jQuery - Alertify.js
- jQuery - Progressbar.js
- jQuery - Slideshow.js
- jQuery - Drawsvg.js
- jQuery - Tagsort.js
- jQuery - LogosDistort.js
- jQuery - Filer.js
- jQuery - Whatsnearby.js
- jQuery - Checkout.js
- jQuery - Blockrain.js
- jQuery - Producttour.js
- jQuery - Megadropdown.js
- jQuery - Weather.js
- jQuery 有用資源
- jQuery - 問答
- jQuery - 快速指南
- jQuery - 有用資源
- jQuery - 討論
jQuery - 選擇器參考
jQuery 選擇器 用於根據元素的名稱、id、類、型別、屬性、值等“查詢”(或選擇)HTML 元素。jQuery 提供了一組選擇器,包括基本選擇器、屬性選擇器等。
這些選擇器簡化了識別和互動特定元素的過程,降低了 JavaScript 程式碼的複雜性。
jQuery 選擇器參考
在下表中,我們列出了所有 jQuery 選擇器:
序號 | 方法及描述 |
---|---|
1 | *
選擇所有元素。 |
2 | #id
選擇具有指定 id 的元素。 |
3 | .class
選擇具有指定類的所有元素。 |
4 | .class,.class
選擇具有任何指定類的所有元素。 |
5 | element
選擇具有指定標籤名稱的所有元素。 |
6 | el1,el2,el3
選擇具有任何指定標籤名稱的所有元素。 |
7 | :first
選擇匹配元素集中第一個元素。 |
8 | :last
選擇匹配元素集中最後一個元素。 |
9 | :even
選擇偶數元素(基於零索引)。 |
10 | :odd
選擇奇數元素(基於零索引)。 |
11 | :first-child
選擇每個作為其父元素第一個子元素的元素。 |
12 | :first-of-type
選擇每個在其同級元素中是其型別第一個元素的元素。 |
13 | :last-child
選擇每個作為其父元素最後一個子元素的元素。 |
14 | :last-of-type
選擇每個在其同級元素中是其型別最後一個元素的元素。 |
15 | :nth-child(n)
選擇每個作為其父元素第 n 個子元素的元素。 |
16 | :nth-last-child(n)
選擇每個作為其父元素第 n 個子元素的元素,從最後一個子元素開始計數。 |
17 | :nth-of-type(n)
選擇每個在其同級元素中是其型別第 n 個元素的元素。 |
18 | :nth-last-of-type(n)
選擇每個在其同級元素中是其型別第 n 個元素的元素,從最後一個元素開始計數。 |
19 | :only-child
選擇每個作為其父元素唯一子元素的元素。 |
20 | :only-of-type
選擇每個在其同級元素中是其型別唯一元素的元素。 |
21 | parent > child
選擇所有作為父元素直接子元素的子元素。 |
22 | parent descendant
選擇所有作為父元素子孫元素的子孫元素。 |
23 | element + next
選擇緊接在元素後面的下一個元素。 |
24 | element ~ siblings
選擇所有在元素之前的同級元素。 |
25 | :eq(index)
選擇具有指定索引的元素。 |
26 | :gt(no)
選擇所有索引大於指定數字的元素。 |
27 | :lt(no)
選擇所有索引小於指定數字的元素。 |
28 | :not(selector)
選擇所有不匹配給定選擇器的元素。 |
29 | :header
選擇所有標題元素(<h1> 到 <h6&g;)。 |
30 | :animated
選擇所有當前正在執行動畫的元素。 |
31 | :focus
選擇當前具有焦點的元素。 |
32 | :contains(text)
選擇所有包含指定文字的元素。 |
33 | :has(selector)
選擇所有至少有一個與指定選擇器匹配的元素作為其子孫元素的元素。 |
34 | :empty
選擇所有沒有子元素(包括文字節點)的元素。 |
35 | :parent
選擇所有至少有一個子節點(元素或文字)的元素。 |
36 | :hidden
選擇所有隱藏的元素。 |
37 | :visible
選擇所有可見的元素。 |
38 | :root
選擇文件的根元素。 |
39 | :lang(language)
選擇所有具有指定語言屬性的元素。 |
40 | [attribute]
選擇所有具有指定屬性的元素。 |
41 | [attribute=value]
選擇所有具有指定屬性和值的元素。 |
42 | [attribute!=value]
選擇所有具有指定屬性但不具有指定值的元素。 |
43 | [attribute$=value]
選擇所有以指定值結尾的指定屬性的元素。 |
44 | [attribute|=value]
選擇所有屬性值與指定值完全匹配或以指定值後跟連字元 (-) 開頭的元素。 |
45 | [attribute^=value]
選擇所有以指定值開頭的指定屬性的元素。 |
46 | [attribute~=value]
選擇所有包含指定值的指定屬性的元素(空格分隔列表)。 |
47 | [attribute*=value]
選擇所有包含指定值的指定屬性的元素。 |
48 | :input
選擇所有 input、textarea、select 和 button 元素。 |
49 | :text
選擇所有型別為“text”的 input 元素。 |
50 | :password
選擇所有型別為“password”的 input 元素。 |
51 | :radio
選擇所有型別為“radio”的 input 元素。 |
52 | :checkbox
選擇所有型別為“checkbox”的 input 元素。 |
53 | :submit
選擇所有型別為“submit”的 input 元素。 |
54 | :reset
選擇所有型別為“reset”的 input 元素。 |
55 | :button
選擇所有 button 元素和型別為“button”的 input 元素。 |
56 | :image
選擇所有型別為“image”的 input 元素。 |
57 | :file
選擇所有型別為“file”的 input 元素。 |
58 | :enabled
選擇所有啟用的元素。 |
59 | :disabled
選擇所有停用的元素。 |
60 | :selected
選擇下拉列表中所有選定的選項。 |
61 | :checked
選擇所有選中的複選框或單選按鈕。 |