*

CSSプロパティの設定と値の取得

公開日: : 最終更新日:2015/10/29 jQuery ,

jQueryで、シンプルにCSSのプロパティの値を設定したり、取得したりできます。CSSを操作するときは、css()命令を使用します。

CSSプロパティの設定

css()を使用してCSSプロパティの値を指定するには、括弧内に「プロパティ名」と「値」を「,」区切り記述します。

実行すると、テキストが青になっているのは確認できます。

上記を実行すると、2番目のpタグ内の文字が文字は赤く、背景は黄色、フォントサイズが20pxになっているのが確認できます。複数のプロパティの値を同時に設定する場合は、css()の括弧内の記述は以下の通りにします。

プロパティ名とプロパティ値は:(コロン)で繋ぎ、値は”(ダブルコーテション)で包みます。CSSは複数のセレクターを指定したときのように,(カンマ)で繋げます。

実行結果はこちらです。

スポンサードリンク

関連記事

jQuery

スライドショーに色々な機能を付けてみた。

詳細はサンプルコードにコメントアウトしました。サンプルコードの実行結果はこちら CSSのサンプ

記事を読む

jQuery

Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる

前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。 サン

記事を読む

catejQuery

jQueryのセレクター2 eq/lt/gt/headerセレクター

前回に引き続きjQuery独自の セレクターについて紹介します。 eq/lt/gtセレクター

記事を読む

jQuery

HTMLの取得と変更

.explain{ width:380px; border-radius:18px

記事を読む

jQuery

ボタンにカーソルを乗せたとき色々と効果を付けてみる

今回は、ボタンに色々な効果を付けてみます。サンプルコードの実行結果はこちら サンプ

記事を読む

catejQuery

テキストの取得・変更

HTMLファイルに含まれるテキストをjQueryで 取得・変更するには、text()という命令を使

記事を読む

catejQuery

ダブルクリックされたことを感知するdblclick()

特定の要素がダブルクリックされたときに、 何かしらの処理を実行したい場合は、 dblclick(

記事を読む

jQuery

Masonryでギャラリーページを作ってみる

今回使用するjQueryプラグイン ●Masonry フレキシブルなレイアウトを生成するため

記事を読む

jQuery

class属性の追加・削除

class属性は、ほかの属性とは違い、スペース区切って複数の値を設定できます。class属性の操作に

記事を読む

catejQuery

表示中の要素を非表示にする hide()

hide()は、show()の逆の命令です。 表示されている状態(display:block)のH

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑