jQuery

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

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

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

構文

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

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

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

サンプル

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

実行サンプル

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


解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] ページを閉じる時に確認メッセージを表示する(beforeunload)

ページを閉じる時に確認メッセージを表示するには、beforeunloadを使用します。 しかし、beforeunload ...

[jQuery] プラグインを自作する

jQueryのプラグインを自作するサンプルです。 構文 プラグインは以下の構文で記述します。 (構文) (functio ...

[jQuery] 要素のwidth、heightを取得/設定する

要素のwidth、heightを取得/設定するサンプルです。 サンプルソース 例)要素(id="box1")の幅と高さを ...

[jQuery] 処理を行わないことを明示する($.noop)

処理を行わないことを明示したい場合は、$.noop() を指定します。 サンプルソース 例)ボタンを2回目に押したときは ...

[jQuery] jQueryのバージョンとタイプ

当記事は、「jQueryをダウンロードしようとしたら、いろいろなのがあってどれをダウンロードしたらいいか分からない!」と ...

スポンサーリンク