對jQuary選擇器的全面總結

2022-10-06 19:09:13 字數 816 閱讀 9047

jquary基礎選擇器

$("div*")獲取div下面的所有元素

$(".red,.green").html程式設計客棧("怎麼") // 需要注意的是要把兩個選擇前寫在同乙個引號內 (需要同時選擇多個選擇器的時候用mpicuzprd)

$("ance desc") //ancestor祖先選擇器 descendant子孫選擇器

$(「parent > child」) //只包含子輩選擇器 不包含孫輩選擇器

$(「prev + next」) // "+"表示一種上下級的關係,prev元素最緊鄰的下乙個元素是next,選擇器返回的並且只返回唯一的元素 

$("p+label").css("background-color","red"); 給緊鄰著的鄰居加個背景顏色

$(「prev ~siblings」) //獲取prev後面所有的相鄰元素(相鄰只包含同乙個父級元素內的)

jquary的過濾性選擇器

:first 程式設計客棧$(「li:first」)獲得一組相同標籤中的第乙個元素 是乙個元素不是乙個集合

:last 最後乙個元素

:eq(index) 按照索引查詢元素 

$("li:eq(2)") 索引從零開始 獲取li標籤中的第三個元素

:contains(text) 按照內容查詢元素 

$(「li:contains('張三')」) 獲取到內容包含張三的所有li元素 張三為什麼必須加單引號呢?因為它是乙個字串,而不是乙個變數,所以不加單或雙引號的話是會報錯的。

:has(slector) 按照元素獲取 

$("li:has('p')")獲取了包含

元素的全部

jquary 選擇器複習

jquery重點複習 選擇器 1 選擇器作用?選擇jquery要操作的物件 基本 id box element li class blue box selector1,selector2,selectorn box li,blue 層級 根據元素之間的層次關係 ancestor descendant...

jquary 選擇器大全

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 獲 取一組radio被選中項的值 var item input name items checked val 獲 取select被選中項的文字 var item s...

比較全面的 CSS 選擇器總結

與任何元素匹配 e e 表示 html 的元素名 div first letter 對指定物件內的第乙個字元起作用,僅對塊元素起作用 first line 對指定物件內的第一行內容起作用,僅對塊元素起作用 before afte e attr 表示針對具有 attr 屬性的 e 元素起作用 div ...