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 ...