jQuery

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

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

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

構文

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

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

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

サンプル

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

実行サンプル

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


解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] マウスオーバーイベントを設定する(.mouseover)

jQueryでマウスオーバーイベントを記述するには、.mouseover()を使用します。 サンプルソース 例)マウスオ ...

[jQuery] クリックする毎に画像を切り替える

クリックする毎に画像を切り替えるサンプルです。 サンプルソース 例)クリックする毎に画像を切り替える [crayon-5 ...

[jQuery] 子要素に指定した要素を持っているか判定する(.has)

子要素に、指定した要素を持っているかどうか判定するには、hasを使用します。 サンプルソース 例)子要素にpを持っている ...

[jQuery] 指定した要素の次以降にある兄弟要素から指定した要素までを取得する(.nextUntil)

指定した要素の次以降にある兄弟要素から指定した要素までを取得するには、 .nextUntil() を使用します。 構文 ...

[jQuery] 要素を条件指定して取得する(.filter)

要素を条件指定して取得するには、filterメソッドを使用します。 サンプルソース 例)divタグでclass="b"の ...

スポンサーリンク