第71天 jQuery基本選擇器(二)

2021-09-02 01:48:46 字數 3029 閱讀 1759

jquery的選擇器

選擇器

描述

返回

示例

:包含(文字)

匹配含有字幕:內容文字

的元素集合元素

$(「p:包含(今天)」)

:空匹配

不含子元素或

字幕:元素的空元素

集合元素

$(「p:空」)

:具有(選擇器)

匹配所有遊戲選擇元素

的元素集合元素

$(「div:有(跨度)」)

:父含有匹配

子元素或字幕:

的元素集合元素

$(「分割槽:父」)

選擇器

描述

返回

示例

:隱

匹配所有不可見

的元素集合元素

$(「:隱藏」)

:可見匹配

所有可見

元素集合元素

$(「:可見」)

選擇器

描述

返回

示例

[attr]

匹配擁有此屬性

的元素集合元素

$(「img [alt]「)

[attr =值]

屬性匹配值

為值的元素

集合元素

$(「乙個[標題=試驗]「)

[attr!=值]

屬性匹配值

不等於值

的元素集合元素

$(「一[標題!=測試]「)

[attr ^ =值]

匹配屬性值以

開頭和結尾

的元素

集合元素

$(「img [alt ^ =歡迎]「)

[attr $ =值]

匹配屬性值以值結尾

的元素集合元素

$(「img [alt $ =最後]「)

[attr * = vlaue]

屬性匹配值中

含有價值

的元素集合元素

$(「div [標題* =試驗]「)

[attr1位] [attr2位] ...

通過多個屬性

進行匹配

集合元素

$(「div [id] [標題* =試驗]「)

選擇器

描述

返回

示例

:第n個孩子

匹配每個父元素下的

第索引元素個子

索引從1

開始集合元素

$(「分割槽:第n個孩子(2)」)

:第乙個孩子

匹配每個父元素的

第乙個子元素

集合元素

$(「分割槽:第一胎」)

:最後乙個孩子

每個匹配父元素的

求最後乙個

子元素集合元素

$(「分割槽:最後的孩子」)

: 唯一的孩子

元素某的英文它父元素中

的唯一的

子元素則匹配它

集合元素

$(「分割槽:獨生子女」)

選擇器

描述

返回

示例

:啟用匹配所有可用

元素集合元素

$(「形式:已啟用」)

:禁用匹配

所有不可用

的元素集合元素

$(「**:禁用」)

:檢查匹配

所有被選中

的元素(含單選框,核取方塊)

集合元素

$(「輸入:勾選」)

:選擇匹配

所有被選中的

選項對話

元素集合元素

$(「選擇:已選中」)

選擇器

描述

返回

示例

:輸入匹配所有輸入,textarea,

選擇,按鈕

元素集合元素

$(「輸入」)

:文字匹配

所有字幕:框

集合元素

$(「:文字」)

:密碼匹配

所有密碼框

集合元素

$(「:密碼」)

:無線電

匹配所有單選框

集合元素

$(「:電台」)

:核取方塊

匹配所有多選框

集合元素

$(「:勾選」)

:提交匹配

所有提交按鈕

集合元素

$(「:提交」):匹配

所有影象按鈕

集合元素

$(「:影象」)

:重啟匹配

所有重置按鈕

集合元素

$(「:復位」)

:按鈕匹配

所有按鈕

集合元素

$(「:按鈕」)

:檔案匹配

所有上傳域

集合元素

$(「:檔案」)

Jquery選擇器 基本選擇器

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

jquery基本選擇器

1 選擇器 所有元素 2 id選擇器 title id title 的元素 3 class 選擇器 fade 所有 class fade 的元素 4 element 元素 選擇器 p 所有 元素 5 class.class 選擇器 fade.demo 所有 class fade 且 class de...

jQuery基本選擇器

id選擇器 id 描述 查詢id為 mydiv 的元素html id notme id notme div id mydiv id mydiv div jquery mydiv 結果 id mydiv id mydiv div 元素選擇器 element 描述 查詢乙個 div 元素html div...