課題 2：css を操作する
以下のような画面を作成せよ
ul id=”list” class=”jq”
class=”js”
とするとき、jQuery を使って jq のクラスのボーダーを solid 2px Lime にするには、
JavaScript として以下の文を head 節に追加する
$(function() {
$(‘#list .jq’).css(‘border’, ‘solod 2px Lime’);
});
以下のように表示される
ちなみに $(‘セレクター’).jQuery メソッドの文法となっており
CSS メソッドは $(‘セレクター’).css(‘プロパティー名’,値) となっている
$は jQuery と書いてもよい
jQuery(‘#list .jq’).css(‘border’, ‘solod 2px Lime’);
また $(function() {は $(document).ready(function() {の略である。
© Copyright 2024 ExpyDoc
