jquery 學習日記之選擇器

2022-07-14 09:39:07 字數 698 閱讀 7649

一、jquery基本選擇器,這模擬較簡單,一筆帶過。

#id 選擇器,是選擇  匹配id值中的第乙個元素,只選擇第乙個,後面所有匹配的均忽略。

element 元素選擇器,匹配所有 標籤為element的所有元素。選擇了所有。

類選擇器,選擇所有類為class的所有元素,也是選擇了所有。

* 模糊匹配

匹配多元素選擇器,用逗號分隔,如$("p,a")

二、層級先擇器 (再這樣總結浪費時間,以下均只寫自己的看法)

$("table td")後代選擇器,是選擇下所有的元素,包括子元素和子子元素等。以空格分隔

$("table > td")子元素匹配,只匹配子元素。以》分隔

prev + next 匹配緊接在prev元素後的next元素,若緊接著的不是next 元素,則選擇失敗。以+分隔

prev ~ siblings 匹配在prev元素後的所有siblings元素,無論緊接與否。

三、屬性選擇器 

用法$("[href]") 選擇帶href屬性的元素。

=value 選擇屬性值為value的元素

!=value 選擇屬性值 不為value的元素

^=value 選擇屬性值以value開頭的元素

$=value 選擇屬性值以value 結尾的元素

*=value 選擇屬性值中含value的元素

選擇同時包含多屬性的元素

jQuery學習之 選擇器

常用的css選擇器 標籤選擇器 id選擇器 類選擇器 群組選擇器 後代選擇器 通配選擇器。標籤選擇器 e id選擇器 id 類選擇器 e.classname或是 classname 群組選擇器 e1,e2,e3 後代選擇器 e f元素e的任意後代元素f 通配選擇器 以文件的所有作為選擇符。為了實現內...

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

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

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

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