jQuery

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

投稿日:2017年9月8日 更新日:

jQueryでCSSスタイル値を取得したり設定したりするには、.cssを使用します。

サンプルソース

例)ボタンを押すとスタイルの取得/設定を行う

取得値サンプル

.cssで取得した値は以下のような形式で取得されます。

【.cssの取得値サンプル】
スタイル
color"rgb(255, 255, 255)"
border"1px solid rgb(0, 0, 0)"
font-size"14px"
font-weight"400"
display"inline-block"

解説

  • スタイル値を取得する場合は、cssの引数にスタイル名のみ指定します。
  • スタイルを設定するには、cssの引数にスタイル名と値を指定します。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

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

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

[jQuery] 要素が空かどうか判定する($.isEmptyObject)

jQueryで要素が空かどうか判定するには、$.isEmptyObject()を使用します。 サンプルソース 例)変数o ...

[jQuery] 配列要素に対して繰り返し処理を行う($.each)

配列要素に対して繰り返し処理を行うには、.each()を使用します。 サンプルソース 例1)ボタンを押すと、配列の全要素 ...

[jQuery] 指定したclassの全要素を取得してループ処理をする

指定したclassの全要素を取得してループ処理をするサンプルです。 サンプルソース 例)class="hoge"の要素一 ...

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

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

スポンサーリンク