層級選擇器(基礎)

2020-10-18 16:00:23
ancestor descendant 後代選擇器 :在給定的祖先元素下匹配所有的後代元素
parent > child 子元素選擇器:在給定的父元素下匹配所有的子元素 
prev + next 相鄰元素選擇器:匹配所有緊接在 
prev 元素後的 next 元素 
prev ~ sibings 之後的兄弟元素選擇器:匹配 prev 元素之後的所有 siblings 元素

$(「ancestor descendant」)後代選擇器

ancestor descendant 後代選擇器 :在給定的祖先元素下匹配所有的後代元素
語法:$("ancestor descendant")

ancestor是祖輩或者父輩的標籤或者屬性,descendant是後代的標籤或者屬性在這裡插入圖片描述

$(「父>子」)選擇器

語法:$("father>son")
選擇指定父元素的子元素
後代選擇器類似,不過這個只能用於父子之間,不能跨越父子關係
在這裡插入圖片描述
當然,這裡,父子不僅可以為標籤也可為屬性,如#id,.class…

$(「兄弟+兄弟」)選擇器

選擇指定元素指定的且緊挨著的兄弟元素
語法:$("兄+兄")
在這裡插入圖片描述
不能選到自己的後代,同時,指定的限制條件可以為屬性

$(「兄~兄」)選擇器

選擇元素的所有指定兄弟元素
語法:$("兄~兄")
在這裡插入圖片描述
可以用兄弟元素的屬性,不一定非為標籤,而且這個不用緊挨著