コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

jQuery

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

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

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

構文

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

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

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

サンプル

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

実行サンプル

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


解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] プロパティを削除する(.removeProp)

プロパティを削除するには、.removeProp()を使用します。 サンプルソース 例)プロパティ「checked」を削 ...

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

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

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

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

[jQuery] 配列の要素を順番にチェックする(.every)

配列の要素を順番にチェックするには、.every()を使用します。 サンプルソース 例)配列要素が全て100以上200以 ...

[jQuery] テキストのカーソル位置を取得する(.selectionStart)

テキストボックスのカーソル位置を取得するサンプルです。 サンプルソース [crayon-5b28f86351e26044 ...

スポンサーリンク