jQuery

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

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

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

構文

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

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

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

サンプル

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

実行サンプル

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


解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 要素のコピーを作成する(.clone)

要素のコピーを作成するには、.cloneを使用します。 サンプルソース 例)要素(id="d1")をコピーして、要素(i ...

[jQuery] 適用したメソッドを戻す(.end)

.end()を使うと、メソッドチェーンで適用したメソッドを戻すことができます。 サンプルソース 例)リストの3番目のオブ ...

[jQuery] 要素が生成されてからの時間を取得する(event.timeStamp)

要素が生成されてからの時間を取得するには、event.timeStampを使用します。 サンプルソース 例)ボタンが生成 ...

[jQuery] 親要素を取得する(.parent)

対象セレクタの親要素を取得するには、.parentで取得します。 サンプルソース 例)liタグの親要素のidをコンソール ...

[jQuery] 要素のテキストに指定文字列が含まれるか判定する(:contains)

要素のテキストに指定文字列が含まれるか判定するには、:containsを使用します。 サンプルソース 例)テキストに"x ...

スポンサーリンク