CSSプロパティの値を取得するメソッド
「なに」を「どうする」のどうするのところ
「なに」を「どうする」のどうするのところ
alert("jsクラスの背景色は" + $('li.js').css('background-color'))
jsクラスの背景色はrgb(255,255,0) となる
.addClass('sample')
classにsampleクラスを追加する 結果:<li class="js sample">JavaScript本格入門</li>
.addClass('sample sample2')と2つのクラスを適用することも可
.removeClass('sample')
これは設定されているクラスを除外する。下のように一度追加したクラスをサイド除外することも出来る。
$('li.js').addClass('sample'); ここでsampleクラスを追加して
$('li.js').removeClass('sample'); ここでそのsampleクラスを削除する
.toggleClass('sample')
下はsampleを追加してアラートで表示した時点ではsampleクラスになっているが、アラートをOKをクリックすると2番目の.toggleClassでクラスを元に戻す。これをくりかえす。しかしこれ一度だけしか繰り返さない。何度も繰り返すばあいはその数分だけ記述する必要がある。
$('li.js').toggleClass('sample');
window.alert('適用されました。');
$('li.js').toggleClass('sample');
jsクラスの背景色はrgb(255,255,0) となる
.addClass('sample')
classにsampleクラスを追加する 結果:<li class="js sample">JavaScript本格入門</li>
.addClass('sample sample2')と2つのクラスを適用することも可
.removeClass('sample')
これは設定されているクラスを除外する。下のように一度追加したクラスをサイド除外することも出来る。
$('li.js').addClass('sample'); ここでsampleクラスを追加して
$('li.js').removeClass('sample'); ここでそのsampleクラスを削除する
.toggleClass('sample')
下はsampleを追加してアラートで表示した時点ではsampleクラスになっているが、アラートをOKをクリックすると2番目の.toggleClassでクラスを元に戻す。これをくりかえす。しかしこれ一度だけしか繰り返さない。何度も繰り返すばあいはその数分だけ記述する必要がある。
$('li.js').toggleClass('sample');
window.alert('適用されました。');
$('li.js').toggleClass('sample');