Blog

HOME > Web > JQuery > 【jQuery】jQueryでCSSを追加・削除する方法

【jQuery】jQueryでCSSを追加・削除する方法

2018/01/22

JQuery css

備忘録です。

jQueryでCSSを追加・削除する方法ですが、忘れてしまうため簡単にまとめました。

参考サイト
jQueryでCSSを追加/削除する時のまとめ

要素にstyle属性を追加/削除する

//p要素にcolor:blueを追加する
$('p').css('color','blue');

//p要素にcolor:blueを削除する
$('p').css('color','');

要素にClassを追加/削除する

//Div要素にsampleクラスを追加する
$('div').addClass('sample');

//Div要素からsampleクラスを削除する
$('div').removeClass('sample');

もう1つ.toggleClass()というメソッドがあります。
トグルというのは、同一の操作で二つの状態を交互に切り換えることという意味です。

//Div要素にsampleクラスが設定されていれば削除、無ければ追加する
$('div').toggleClass('sample');

複数のCSSを指定する方法
参考サイト
jQueryでCSSの値を複数設定するときの記述

$('div').css({
    color:"red",
    font-size:"16px",
    font-weight:"bold"
});

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ