層次選擇器的4種選擇器列表

2021-09-24 15:23:21 字數 528 閱讀 4938

選擇器

描述返回

示例$("ancestor descendant")

選取ancestor元素裡的所有descendant(後代)元素

集合元素span

$("div span")選取裡的所有的元素

$("parent > child")

選取parent元素下的child(子)元素,與$("ancestor descendant")有區別,$("ancestor descendant")選擇的是後代元素

集合元素

$("div > span")選取元素下元素名是的子元素

$("prev + next")

選取緊接在prev元素後的next元素

集合元素

$(".one + div")選取class為one的下乙個同輩元素

$("prev ~ siblings")

選取prev元素之後的所有siblings元素

集合元素

$("#two ~ div")選取id為two的元素後面的所有同輩元素

Css選擇器 層次選擇器(關係選擇器)

1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...

jquery選擇器之層次選擇器

層次選擇器中包括 1 ancestor descendant 使用 form input 的形式選中form中的所有input元素.即ancestor 祖先 為from,descendant 子孫 為input.例 bgred div 選擇css類為bgred的元素中的搜有元素。2 parent c...

表單選擇器,層次選擇器

jquery在大二的時候接觸過,但是做的那個淡入淡出的效果。昨天上的第一堂課,老師說,主要包括類選擇器,昨天下午聽的時候感覺很簡單,但是自己要是做起來,就不是那麼容易了,一開始寫的時候,括號裡面,引用class的時候前面要有個 引用id的時候前面要用 後面要有css樣式的話要.css 屬性 數值,或...