層級選擇器(基礎) 基本選擇器

2021-10-24 20:50:45 字數 1751 閱讀 6700

基本選擇器

ancestor descendant 後代選擇器 :在給定的祖先元素下匹配所有的後代元素

parent > child 子元素選擇器:在給定的父元素下匹配所有的子元素

prev + next 相鄰元素選擇器:匹配所有緊接在

prev 元素後的 next 元素

prev ~ sibings 之後的兄弟元素選擇器:匹配 prev 元素之後的所有 siblings 元素

ancestor descendant 後代選擇器 :在給定的祖先元素下匹配所有的後代元素

語法:$("ancestor descendant")

ancestor是祖輩或者父輩的標籤或者屬性,descendant是後代的標籤或者屬性

語法:$("father>son")

選擇指定父元素的子元素

後代選擇器類似,不過這個只能用於父子之間,不能跨越父子關係

當然,這裡,父子不僅可以為標籤也可為屬性,如#id,.class…

選擇指定元素指定的且緊挨著的兄弟元素

語法:$("兄+兄")

不能選到自己的後代,同時,指定的限制條件可以為屬性

選擇元素的所有指定兄弟元素

語法:$("兄~兄")

可以用兄弟元素的屬性,不一定非為標籤,而且這個不用緊挨著

#id選擇器:($("#id"))根據 id 查詢標籤物件

.class選擇器:($(".class"))根據 class 查詢標籤物件

element選擇器:($("element"))根據標籤名查詢標籤物件 (element表示元素也就是標籤)

* 選擇器:($("*"))表示任意的,所有的元素

selector1,selector2組合選擇器:將每種選擇器匹配到的元素合併後一起返回,即返回乙個包含所有dom物件的陣列。(("element,#id,.class"))合併選擇器 1(element選擇器)和選擇器 2(#id選擇器)和(.class選擇器) 的結果並返回

還可$(選擇器1選擇器2...)來選擇可以匹配這裡面所有選擇器的元素,選擇器間緊挨著,當然如果其中選擇器中有element則·其必須寫在開頭不然會出錯,這一疙瘩的整個選擇器也可放在組合選擇器裡面當做乙個選擇器來用

jquery基礎選擇器 層級選擇器 過濾選擇器

function 2.選擇 class 為 mini 的所有元素 btn2 click function 3.選擇 元素名是 div 的所有元素 btn3 click function 4.選擇所有的元素 btn4 click function 5.選擇所有的 span 元素和id為two的元素 2...

屬性選擇器 偽類選擇器 層級選擇器

漸進增強 作用範圍 從小到大 先保證最基本的功能 使用者體驗提公升 優雅降級 作用範圍 從大到小 先針對版本較高的裝置進行專案構建,保證使用者體驗的完美 犧牲一些效果,保證最基本的功能 選擇器 選擇符 id class 型別 div span 後代選擇器 偽類選擇器 偽元素選擇 屬性選擇器 e at...

jQuery選擇器之層級選擇器

文件中的所有的節點之間都是有這樣或者那樣的關係。我們可以把節點之間的關係可以用傳統的家族關係來描述,可以把文件樹當作乙個家譜,那麼節點與節點直接就會存在父子,兄弟,祖孫的關係了。選擇器中的層級選擇器就是用來處理這種關係 子元素 後代元素 兄弟元素 相鄰元素 通過乙個列表,對比層級選擇器的區別 仔細觀...