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] 要素を条件指定して取得する(.filter)

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

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

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

[jQuery] テーブルの行を追加・削除するサンプル

jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例)ボタンを押すと行追加、行クリックで行削 ...

[jQuery] 要素の横幅と高さを取得する

要素の横幅と高さを取得するには、outerWidth/outerHeight、innerWidth/innerHeigh ...

[jQuery] 要素の後ろにタグを追加する(.after)

要素の後ろにタグを追加するには、afterを使います。 サンプル 例)ボタンを押すと、要素の後にxyzを追加する [cr ...

スポンサーリンク