這篇文章主要介紹“jquery的siblings()怎么使用”,在日常操作中,相信很多人在jquery的siblings()怎么使用問題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”jquery的siblings()怎么使用”的疑惑有所幫助!接下來,請(qǐng)跟著小編一起來學(xué)習(xí)吧!
在界首等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站制作、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營(yíng)銷推廣,外貿(mào)網(wǎng)站建設(shè),界首網(wǎng)站建設(shè)費(fèi)用合理。
jquery siblings()用于獲取被選元素的所有同級(jí)元素,會(huì)沿著DOM元素的同級(jí)元素向前和向后遍歷,返回共享相同父元素的所有子元素(被選元素除外);語法“元素對(duì)象.siblings(filter)”,其參數(shù)可省略,用于縮小搜索范圍。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery siblings()方法用于獲取被選元素的所有同級(jí)元素。
同級(jí)元素是共享相同父元素的元素。
siblings()方法會(huì)沿著DOM元素的同級(jí)元素向前和向后遍歷,返回共享相同父元素的所有子元素(被選元素除外)。
語法格式:
$(selector).siblings(filter)
參數(shù) | 描述 |
---|---|
filter | 可選。規(guī)定縮小搜索同級(jí)元素范圍的選擇器表達(dá)式。 |
示例1:返回帶有類名 "start" 的每個(gè)
ul (父節(jié)點(diǎn))
- li (類名為"star"的上一個(gè)兄弟節(jié)點(diǎn))
- li (類名為"star"的上一個(gè)兄弟節(jié)點(diǎn))
- li (兄弟節(jié)點(diǎn))
- li (類名為"star"的下一個(gè)兄弟節(jié)點(diǎn))
- li (類名為"star"的下一個(gè)兄弟節(jié)點(diǎn))
在這個(gè)例子中,我們選擇類名稱為“star”的li元素的所有兄弟元素。
示例2:縮小搜索范圍(使用兩個(gè)參數(shù)來過濾對(duì)同級(jí)元素的搜索)
ul(父節(jié)點(diǎn))
- li (類名為"star"的上一個(gè)兄弟節(jié)點(diǎn))
- li(類名為"star"的上一個(gè)兄弟節(jié)點(diǎn))
- li (兄弟節(jié)點(diǎn))
- li(類名為"star"的下一個(gè)兄弟節(jié)點(diǎn))
- li (類名為"star"的下一個(gè)兄弟節(jié)點(diǎn))
在這個(gè)例子中,我們縮小搜索結(jié)果只返回在類名為“star”和“stop”的li元素之間類名為“1”的兄弟元素。
到此,關(guān)于“jquery的siblings()怎么使用”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!