選擇器名稱
描述返回
示例#id
id選擇器
根據給定的id匹配乙個元素
單個元素
$("#box");選取id為box元素
.class
類選擇器
根據給定的類名匹配元素
集合元素
$(".box");選取所有類名為box元素
element
元素選擇器
根據給定的元素名稱匹配元素
集合元素
$("p");選取所有元素
*萬用字元選擇器
匹配所有元素
集合元素
$("*");選取所有元素
selector1,selector2,selectorn
並集選擇器
將所有選擇器匹配到的元素合併後一起返回
集合元素
$("div,p,.box");選取所有元素,所有元素和所有類名為box元素
選擇器名稱描述
返回示例
$("ancestor descendant")
後代選擇器
選取ancestor元素的所有descendant後代標籤(不光是兒子,包括孫子/重孫子等)
集合元素
$("div span");選取元素裡所有的元素
$("parent > child")
子元素選擇器
找到選取parent 元素中所有直接子元素child(只有兒子,不包括孫子/重孫子等)
集合元素
$("div>span");選取元素下元素名稱是的子元素
$("prev + next")
相鄰兄弟選擇器
選取prev元素後面緊跟的那個next元素
集合元素
$(".one+div");選取類名為one的下乙個同級的元素
$("prev ~ siblings")
通用兄弟選擇器
選取prev元素後面的所有next元素
集合元素
$("#two~div");選取id名為two元素後面所有同級的元素
如上內容不再一一贅述,**第十章-css選擇器,使用時查詢文件即可做開發是腦力活,我們需要掌握的是解決問題的方法,而不是死記硬背
如上內容不再一一贅述,**第十章-css選擇器,使用時查詢文件即可選擇器做開發是腦力活,我們需要掌握的是解決問題的方法,而不是死記硬背
描述返回
:empty
選取不包含子元素或文字為空的元素
集合元素
:parent
選取含有子元素或文字的元素
集合元素
:contains(text)
選取含有文字內容為text的元素
集合元素
:has(selector)
選取含有選擇器所匹配的元素的元素
集合元素
zs lnj
zs lnj
lnjzs
lnj lnj
jjjzs
lnj
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...
jQuery選擇器之全選擇器（ 選擇器）
在css中，經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery，如果要獲取文件中所有的元素，通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...