首頁 > web前端 > js教程 > jquery :first-child選擇器在這種情況下為什麼會無效呢?

jquery :first-child選擇器在這種情況下為什麼會無效呢?

黄舟
發布: 2017-06-23 14:32:40
原創
1703 人瀏覽過

為什麼多了那個h2標籤,jQuery中的first-child就無法生效呢?見下圖所示。謝謝了

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js">
</script>
<script type="text/javascript"> $(document).ready(function(){
$(&#39;div p:first-child&#39;).css(&#39;backgroundColor&#39;, &#39;#555&#39;);
});
</script>	
</head>
<body>
<html>
<div>
    <h2>hello</h2>
    <p>A</p>
    <p>B</p>
    <p>C</p>
    </div>
    <div>
    <p>D</p>
    <p>E</p>
    <p>F</p></div>
    <div>
    <p>G</p>
    <p>H</p>
    <p>I</p>
    </div>
    </body>
    </html>
登入後複製

jquery :first-child選擇器在這種情況下為什麼會無效呢?

first-child只會遍歷到第一個子元素

#因為第一個div裡,沒有第一個且p的元素

$("div > p").first()
登入後複製

但是選擇的是p標籤,不是h2啊?

$("div > p").first()
登入後複製

不行。只有A有效果,D和G沒有效果。

nth-of-type
登入後複製

以上是jquery :first-child選擇器在這種情況下為什麼會無效呢?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板