ホームページ > 記事 > ウェブフロントエンド > jQueryの>とはどういう意味ですか?
jQueryの>とはどういう意味ですか?
- 青灯夜游オリジナル
- 2022-02-28 15:49:532122ブラウズ
jquery では、「>」は子要素セレクターであり、特定の要素の子要素のみを選択できます。構文は「$("E > F")」で、E は親です。要素、F はサブ要素です。これは、E 要素の下にあるすべてのサブ要素 F が選択されることを意味します。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
jquery では、「>」は階層セレクターの一種であるサブ要素セレクターを指します。
子要素セレクター (E>F)特定の要素の子要素のみを選択できます。ここで、E は親要素、F は子要素です。ここで E> F が表すことは、E 要素の下にあるすべてのサブ要素 F が選択されていることです。
構文:
$("E > F")jQuery のすべてのセレクターはドル記号 $() で始まります。
戻り値: 一致する結果セットを返します
例:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("#main > *").css("border", "3px double red");
});
</script>
<style>
body {
font-size: 14px;
}
span#main {
display: block;
background: yellow;
height: 110px;
}
button {
display: block;
float: left;
margin: 2px;
font-size: 14px;
}
div {
width: 90px;
height: 90px;
margin: 5px;
float: left;
background: #bbf;
font-weight: bold;
}
div.mini {
width: 30px;
height: 30px;
background: green;
}
</style>
</head>
<body>
<span id="main">
<div></div>
<button>Child</button>
<div class="mini"></div>
<div>
<div class="mini"></div>
<div class="mini"></div>
</div>
<div><button>Grand</button></div>
<div><span>A Span <em>in</em> child</span></div>
<span>A Span in main</span>
</span>
</body>
</html>分析:
$ ("#main > *").css("border", "3px double red");
は、span 要素の子要素と一致し、子要素の最初である必要がありますcollection 要素。一致する要素は次のとおりです (紫色)
[推奨学習: jQuery ビデオ チュートリアル、Web フロントエンド]
以上がjQueryの>とはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：jqueryのセレクターとは何ですか?次の記事：jqueryのセレクターとは何ですか?