jQuery

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

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

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

構文

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

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

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

サンプル

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

実行サンプル

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


解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 画面ロード/アンロード時に処理を行う(.load/.unload)

画面ロード/アンロード時に処理を行うには、.load/.unloadを使用します。 サンプルソース 例)画面ロード時とア ...

[jQuery] セレクトボックスの値とラベルを取得する

jQueryでセレクトボックスの値とラベルを取得するサンプルです。 サンプルソース 例)ボタンを押すと選択中のラベルと値 ...

[jQuery] 画面サイズが変更された時に処理を行う(.resize)

画面サイズが変更された時に処理を行うには、.resize()を使用します。 サンプルソース 例)画面サイズ変更時にコンソ ...

[jQuery] オブジェクト(連想配列)から条件指定して要素を取り出す($.grep)

オブジェクト(連想配列)から条件指定して要素を取り出すには、$.grep()メソッドを使用します。 サンプルソース 例) ...

[jQuery] 要素がdisableかどうか判定する

jQueryで、要素がdisableかどうか判定するサンプルです。 サンプルソース 例)要素(id="txt1")がdi ...

スポンサーリンク