jquery選擇器之層次選擇器

2021-06-19 06:27:26 字數 594 閱讀 9488

層次選擇器中包括:

1、ancestor descendant 使用"form input"的形式選中form中的所有input元素.即ancestor(祖先)為from, descendant(子孫)為input.

例:$("bgred div") 選擇css類為bgred的元素中的搜有元素。

2、parent > child 選擇parent的直接子節點chid。child必須包含在parent中並且父類是parent元素。

例:$(".mylist>li")選擇css類為mylist元素中的直接子節點物件。

3、prev + next prev和next是兩個同級別的元素。選中在prev元素後面的next元素。

例:$("#hibidcus+img")選在id為hibiscus元素後面的img影象

4、prev ~ siblings 選擇prev後面的根據sibilngs過濾的元素(siblings是過濾器)

例:$("#somediv~[title]")選擇id為somediv的物件後面所有帶有title屬性的元素

層次選擇器網頁例項,(參考):

jQuery之層次選擇器

層次選擇器 查詢子元素,後代元素,兄弟元素的選擇器 1.ancestor descendant 在給定的祖先元素下匹配所有的後代元素 2.parent child 在給定的父元素下匹配所有的子元素 3.prev next 匹配所有緊接在 prev 元素後的 next 元素 4.prev siblin...

jQuery層次選擇器

無論何時,我們都要記住的一點就是通過jquery選擇器獲取的jquery物件任何時候都是一組元素。而jquery選擇器又具有這樣的特點 隱式迭代 選擇器 css background color red 則是為這組元素中每個元素的樣式都加上紅色背景。jquery會自動迭代每個元素,這就免去了我們編寫...

jquery層次選擇器

div span 選取裡的所有元素 div span 選取元素下元素名是的子元素 one div 選取id為one的元素的下乙個同輩元素 等同於 one next div one div 選取id為one的元素的元素後面的所有同輩元素 等同於 one nextall div one siblings...