jQuery

[jQuery] CSSスタイルを設定する(.css)

投稿日:2017年5月19日 更新日:

jQueryでCSSスタイルを設定するには、.css()を使用します。

構文

セレクタに対してスタイルを指定する(プロパティ型式)
$(<セレクタ>).css(<スタイル名>, <値>);

以下のようにオブジェクト型式で指定してもOKです。

セレクタに対してスタイルを指定する(オブジェクト型式)
$(<セレクタ>).css({<スタイル名>: <値>});

サンプル

例)ボタンを押すとテキストボックスの背景色を変更する

実行サンプル

ボタンを押すと、テキストボックスの背景色が切り替わります。


解説

  • 生のJavaScriptでも実装可能です。実装方法は以下をご覧ください。
     → JavaScript CSS関連

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] Functionかどうか判定する($.isFunction)

Functionかどうか判定するには、$.isFunction()を使用します。 サンプルソース 例)変数objがFun ...

[jQuery] 文字列のスクリプトをグローバル領域で実行する($.globalEval)

文字列のスクリプトをグローバル領域で実行するには、$.globalEvalを使用します。 サンプルソース 例)"var ...

[jQuery] セレクタの第2引数の意味

jQueryでセレクタは通常「$(".c1")」のように指定しますが、 「$(".c1", "#d2")」のように第2引 ...

[jQuery] プレースホルダーを設定・削除する

jQueryでプレースホルダーを設定したり削除したりする方法です。 サンプル 例)プレースホルダーを設定・削除する [c ...

[jQuery] スクロールした座標を取得する(.scrollTop/.scrollLeft)

jQueryでスクロールした座標を取得するには、.scrollTop()/.scrollLeft()を使用します。 サン ...

スポンサーリンク