JQuery選擇器之CSS選擇器

2021-08-13 04:06:59 字數 732 閱讀 8243

語法描述*

選擇所有元素

選擇特定型別的元素

.選擇具有特定class的元素

.選擇具有特定class的某類元素

『#id

選擇具有特定id屬性值的元素

語法描述

[attr]

選取定義了attr屬性的元素,即使這個屬性值為空

[attr=」val」]

選擇attr屬性值等於字串val的元素

[attr^=」val」]

選擇attr屬性值以字串val開頭的元素

[attr$=」val」]

選擇attr屬性值以字串val結尾的元素

[attr*=」val」]

選擇attr屬性值包含字串val的元素

[attr~=」val」]

選擇attr屬性值包含多個空格分割的多個值,且其中乙個值等於字串val的元素

[attr1=」val」]

選擇attr屬性值等於字串val,或屬性值為連字元分割的值列表且第乙個值是字串val的元素

語                                  法

描述選擇第乙個選擇器匹配元素內匹配第二個選擇器的後代元素

>

選擇第乙個選擇器匹配元素內匹配第二個選擇器的直接子元素

+ 選擇第乙個選擇器匹配元素內匹配第二個選擇器的下乙個兄弟元素

~選擇第乙個選擇器匹配元素內匹配元素之後的匹配第二個選擇器的所有兄弟元素

Jquery之CSS選擇器

jquery借用了一套css選擇器,共有5種,即標籤選擇器,id選擇器,類選擇器,通用選擇器和群組選擇器 1 標籤選擇器 用於選擇html頁面中已有的標籤元素,又稱元素選擇器,格式 element 如 div 同getelementbytagname 2 id選擇器 用於獲取某個具有id屬性的元素,...

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...

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

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