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] セレクトボックスの要素をセットする

jQueryでセレクトボックスの要素をセットするサンプルです。 サンプルソース 例)ボタンを押すとセレクトボックスの要素 ...

[jQuery] windowオブジェクトかどうか判定する($.isWindow)

windowオブジェクトかどうか判定するには、$.isWindow()を使用します。 サンプルソース 例)objがwin ...

[jQuery] 指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得する(.prevUntil)

指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得するには、.prevUntil() を使用します。 ...

[jQuery] セレクタの第2引数の意味

jQueryでセレクタは通常「$(".c1")」のように指定しますが、 「$(".c1", "#d2")」のように第2引 ...

[jQuery] 要素内の末尾にタグを追加する(.append)

要素の後にタグを追加するには、appendを使用します。 サンプル 例)ボタンを押すと、要素の後にxyzを追加する [c ...

スポンサーリンク