jQuery選擇器同輩是指與目標(biāo)元素在同一層級(jí)的元素,也可以理解為兄弟元素。使用同輩選擇器可以方便地選取我們需要的元素。
// 同輩選擇器 $("selector1 ~ selector2")
上述代碼中,selector1和selector2均為選擇器,表示選取selector2后面的與selector1同級(jí)的所有元素。
// 兄弟選擇器 $("selector1 + selector2")
兄弟選擇器與同輩選擇器非常相似,但是只會(huì)選擇selector1后面第一個(gè)與selector1同級(jí)的元素。
除了以上兩種方式,我們還可以使用jQuery提供的其他同輩選擇器,如next(), prev(), siblings()等方法來(lái)選取同輩元素。
// next()方法 $("selector").next() // prev()方法 $("selector").prev() // siblings()方法 $("selector").siblings()
上述代碼中,分別表示選取selector后面的第一個(gè)同級(jí)元素、前面的第一個(gè)同級(jí)元素以及同級(jí)元素。
總之,jQuery提供了多種選取同輩元素的方式,我們可以根據(jù)實(shí)際需要來(lái)選擇合適的方法。