スタイルクラスの追加と削除


を参考に jQuery の勉強を始めました
java script をある程度行っているなら
比較的覚えやすいと思います
最近では スマホサイト作成に jQuery Mobileを使うため
覚えておくと役立ちそうです
今回はちょっとメモしたかったのが
スタイルクラスの適用する
addClass メソッド
そして
スタイルクラスを除外する
removeClass メソッドです
<style type=”text/css”>
.sample{
CSS 設定
};
<style>
の設定を
$(‘li.js’).addClass(‘sample’);
で適用
$(‘li.js’).removeClass(‘sample’);
で除外となります
そして、マウスクリックのときに使えそうなのが
toggleClass メソッドです
これは最初に記述すると適用
次は除外
というように交互に作動するものです
$(‘li.js’).toggleClass(‘sample’);
で適用
$(‘li.js’).toggleClass(‘sample’);
で今度は除外となります
ちょっとわかりにくいですが、あとあと使うことが多くなりそうです

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です