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] 指定した要素にフォーカスを当てる(.focus())

指定した要素にフォーカスを当てるには、.focus() を使用します。 サンプルソース 例)ボタンを押すと、テキストボッ ...

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

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

[jQuery] マウスボタン押し上げイベントを設定する(.mouseup)

jQueryでマウスボタン押し上げイベントを記述するには、.mouseup()を使用します。 ※ボタン押し上げとは、押し ...

[jQuery] CDNでjQueryを使う

jQueryを使うにはjQueryモジュールをダウンロードして使うのが一般的ですが、CDNを利用すればjQueryモジュ ...

[jQuery] 要素内のテキストやタグを取得する(.text、.html)

要素内のテキストやタグを取得するには、.text()、.html()を使用します。 構文 (構文) //テキストを取得す ...

スポンサーリンク