jQuery チルダ~の間接セレクタと兄弟セレクタ
jQuery チルダ~の間接セレクタと兄弟セレクタ
間接セレクタはチルダを使用します。
兄弟とは親が同じだということですね。
動作は指定した兄弟の以降の兄弟に反映されます。
兄弟というよりも共通した要素のほうがよりわかりやすいかも
しれないですね。
サンプル
$(“基準とする兄弟要素 ~ 兄弟”)
サンプル
<html>
<head>
<script src=”jquery-3.2.1.js”></script>
<script>
$(document).ready(function(){
$(“.Green ~ h3”).css(“font-size”,”72px”);
});
</script>
<title>
</title>
</head>
<div>
<h3>red</h3>
<h3 class = “Green”>Green</h3>
<h3>yellow</h3>
<h3>Blue</h3>
</div>
</body>
</html>
このサンプルはclassGreenの以降の兄弟であるh3のyellowとBlueが72pxになります。
