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**
div1div>
div2div>
spanspan>
jquery**
$(
"div");
結果
[ div1div>, div2div> ]
類選擇器(.class)描述:查詢所有類是 "myclass" 的元素
html**
class="notme">div
class="notme"
div>
class="myclass">div
class="myclass"
div>
class="myclass">span class="myclass"
jquery**
$(
".myclass");
結果
class="myclass">div
class="myclass"
div>, class="myclass">span class="myclass" ]
萬用字元選擇器(*)
描述:找到每乙個元素
html**
divdiv>
spanspan>
pp>
jquery**
$(
"*")
結果
[ divdiv>, spanspan>, pp> ]
集合選擇器(selector1,selector2,selectorn)描述:找到匹配任意乙個條件的元素
html**
div>
class="myclass">p class="myclass"
span
class="notmyclass">p class="notmyclass"
jquery**
$(
"div,span,p.myclass")
結果
[ divdiv>, class="myclass">p class="myclass"p>, spanspan> ]
摘自 jquery api 文件
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 基本選擇器
基本選擇器是jquery中最常用的選擇器,也是最簡單的選擇器,它通過元素id,class和標籤名等來查詢dom元素。在網頁中,每個id名稱只能使用一次,class允許重複使用。效果描述 乙個簡單的html示例,通過基本選擇器來匹配剛才html 中的,等元素並進行操作 改背景色 如下 id is on...