jQuery 複数のcssのプロパティの設定の方法
jQuery 複数のcssのプロパティの設定の方法
jQueryでcssを複数設定の方法。
メソッドチェーンで書くとこんな感じになります。
$(“.Green ~ h3”).css(“font-size”,”72px”).css(“font-style”,”italic”);
まとめてcssを実は書けます。
css({“プロパティ”:”パラメータ”,”プロパティ”:”パラメータ”}})
:でひとつのかたまりにして,で区切って[]で囲んでますね。
サンプル
<html>
<head>
<script src=”jquery-3.2.1.js”></script>
<script>
$(document).ready(function(){
$(“.Green ~ h3”).css({“font-size”:”72px”,”font-style”:”italic”})
});
</script>
<div>
<h3>red</h3>
<h3 class=”Green”>Green</h3>
<h3>yellow</h3>
<h3>Blue</h3>
</div>
</body>
</html>
ふたつの要素がイタリックと72pxになってますね。
ふたつになるのは~の間接セレクタしようしてるだけなので気にしないでください。
