ホームページ >ウェブフロントエンド >jsチュートリアル >jquery: この場合、最初の子セレクターが無効なのはなぜですか?
jquery: この場合、最初の子セレクターが無効なのはなぜですか?
- 黄舟オリジナル
- 2017-06-23 14:32:401740ブラウズ
h2 タグが追加されている場合、jQuery の first-child が有効にならないのはなぜですか?下の写真を参照してください。ありがとうございます
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js">
</script>
<script type="text/javascript"> $(document).ready(function(){
$('div p:first-child').css('backgroundColor', '#555');
});
</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>
first-childは、最初の子要素にのみトラバースします
最初のdivにはfirst要素とp要素がないためです
$("div > p").first()でも、h2ではなくpタグが選択されていますね？
えーいいえ。 A のみが効果を持ち、D と G は効果がありません。
以上がjquery: この場合、最初の子セレクターが無効なのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。