                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ) (一)—樣式篇

$(".prev ~ div")這個(gè)選擇器沒看明白是什么意思，能用簡(jiǎn)單易懂方式講講么?

不明白這個(gè)選擇器的意思

Geek喜多川

2016-12-16

源自：jQuery基礎(chǔ) (一)—樣式篇 2-5

關(guān)注問題我要回答

1957

操作

收起

2 回答

mason_0007 回答被采納 +3 積分
2016-12-16

查找所有跟在?id?為?#prev?的元素后面的所有?div。注意，跟在后面的?span?不會(huì)被選中，因?yàn)樗皇?div?。同時(shí)?"niece"?也不會(huì)被選中，因?yàn)樗悄硞€(gè)兄弟元素的子元素，而不是兄弟元素。

<!DOCTYPE html><html><head> ?<style> ??div,span { ? ?display:block; ? ?width:80px; ? ?height:80px; ? ?margin:5px; ? ?background:#bbffaa; ? ?float:left; ? ?font-size:14px; ?} ?div#small { ? ?width:60px; ? ?height:25px; ? ?font-size:12px; ? ?background:#fab; ?} ?</style> ?<script src="http://code.jquery.com/jquery-latest.js"></script></head><body> ?<div>div (doesn't match since before #prev)</div> ?<span id="prev">span#prev</span> ?<div>div sibling</div> ??<div>div sibling <div id="small">div niece</div></div> ?<span>span sibling (not div)</span> ?<div>div sibling</div><script>$("#prev ~ div").css("border", "3px groove blue");</script> </body></html>