jquery選擇器(原創)《二》

2022-01-14 14:34:07 字數 1541 閱讀 2962

jquery選擇器,選擇接著學:

前面學習了基本選擇器中的css選擇器,現在學層級選擇器:

1.子元素選擇器

子元素選擇器,用於在給定的父元素下,查詢這個父元素下面的所有的子元素,語法格式,如下:

$("parent>child")

其中,引數parent是任意有效的選擇器;child也是乙個選擇器,並且它是第乙個選擇器的子元素,用於篩選子元素。兩個引數之間,用「>」分隔:

"

">

結果是;

2,後代元素選擇器

後代元素選擇器,用於在給定祖先元素下匹配所有的後代元素,語法格式:

$("ancestor descendant")

其中,引數ancestor是任意有效的選擇器,descendant也是乙個選擇器,用於篩選後代元素,後代元素可能是ancestor元素的子元素,孫元素,重孫元素等,兩個引數之間用空格分隔。

"

">

結果是:

3,緊鄰同輩元素選擇器

緊鄰同輩元素選擇器,用於匹配所有緊接在prev元素後的next元素,語法格式:

$("prev+next")

其中,prev(selector)表示任意有效的選器器;next(selector)表示乙個有效選擇器並且緊接著第乙個選擇器,兩者用「+」分隔.

"

">

結果是:

4.相鄰同輩元素選擇器

相鄰同輩元素選擇器,用於選擇某元素後面的所有的同輩元素,語法格式:

$("prev~siblings")

其中,引數prev表示任意有效的選擇器,siblings也是乙個選擇器,用於篩選prev後面的所有同輩元素,兩者之間用破浪線(~)分隔,

"

">

"text

" value=""/>

"text

" value=""/>

段落標記

變化前:

變化後:

好了,時間不早了,今天就學到這~~~。

jquery選擇器(原創)《四》

前面學習了基本選擇器,現在學習過濾選擇器中的簡單過濾選擇器 簡單過濾選擇器,主要根據索引值對元素進行篩選,這些過濾選擇器類似於css的偽類選擇器,他們均以冒號 開頭,並且要與另外乙個選擇器一起使用。1.first選擇器,對當前jquery集合進行過濾選擇,並選擇出第乙個匹配元素,語法格式如下 sel...

二 jQuery選擇器

jquery選擇器的優勢 1.簡潔的寫法 2.支援css1到css3選擇器,瀏覽器相容性好 3.完善的處理機制,使用jquery獲取網頁中不存在的元素不會報錯 注意 當要用jquery檢查某個元素在網頁上是否存在時,應該根據獲取到元素的長度來判斷或者轉化成dom物件來判斷,如下 if tt leng...

jQuery(二)選擇器

jquery選擇器 1.基本選擇器 jquery選擇器用於查詢滿足條件的元素。1.id id 選擇器,document.getelementbyid id 2.div 元素選擇器 document.getelementsbytagname div 3.myclass 類選擇器 返回所有 class ...