このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

jQuery セレクタやcssを複数指定

jQuery

2011.11.16

この記事は最終更新日から1年以上が経過しています。

jQueryを使用するとき、

$("h2").css('border',"solid 2px #ff0000");

など、jQueryのセレクタを利用し、指定するのですが、

複数指定する場合は「,」で区切り指定する事によって

セレクタを複数指定する事が可能となってきます。

jQueryセレクタ複数指定

jQuery 例:

$("h2,h3,p>a").css('border',"solid 2px #ff0000");

jQuery css複数指定

また、cssを複数指定する場合は

$("h2,h3,p>a").css({'border':'solid 2px #ff0000','color':'#f00'});

などの様にリテラル形式で記述できます。

可読性を良くすると。

$("h2, h3, p > a").css({
  'border':'solid 2px #ff0000',
  'font-size': '14px',
  'color':'#f00'
});

と言った感じでしょうか。

Comment

Related Article

CSS3 jQueryでドラゴンクエスト風戦闘シーン作りました。

2012.01.13

jQuery 要素の属性を変更 attr

2011.11.16

jQuery cssクラスを追加、削除する。addClass() , removeClass(),toggleClass

2011.11.16

jQuery セレクタやcssを複数指定

2011.11.16

jQuery formのデータ値取得方法

2011.08.13

jQuery 読み込み方法

2011.03.12

jQuery コレ使えるぜ的関数

2011.01.19

jQuery aタグによるclick()イベント

2011.01.19

jQuery 記述方法

2011.01.17

jQuery セレクタについて

2011.01.17

CATEGORY LIST

LATEST NEWS

【R-CHR】Rust + egui でファミコン用スプライトエディタを作った話 その7 macOS ネイティブメニュー・多言語対応・GitHub Actions でのリリース

Rust

2026.10.04

【R-CHR】Rust + egui でファミコン用スプライトエディタを作った話 その6 PNG インポートと 3 つのマッピング戦略

Rust

2026.10.02

【R-CHR】Rust + egui でファミコン用スプライトエディタを作った話 その5 図形ツール(Bresenham・楕円・塗りつぶし・スタンプ)

Rust

2026.09.30

【R-CHR】Rust + egui でファミコン用スプライトエディタを作った話 その4 ドットエディタの基礎とアンドゥ設計

Rust

2026.09.28

【R-CHR】Rust + egui でファミコン用スプライトエディタを作った話 その3 egui で組む 3 パネル UI とバンクビュー

Rust

2026.09.26

【R-CHR】Rust + egui でファミコン用スプライトエディタを作った話 その2 CHR の 2BPP フォーマットと iNES ヘッダ、パレット

Rust

2026.09.24

【R-CHR】Rust + egui でファミコン用スプライトエディタを作った話 その1 概要とアーキテクチャ

Rust

2026.09.22

M5Stack Stopwatchで、オリジナル LT(Lightning Talks)タイマーを作成した。

電子工作

2026.09.21

【Railway】GitHub Actions で定期的にサーバーをリスタートさせる

運用

2026.08.30

ラズパイが高騰しているのでストレス解消のためAliExpressで購入した電子パーツ達

電子工作

2026.08.02

【2026】【VMware Fusion】MacでWindowsを無料で扱う。

windows

2026.07.19

Raspberry Pi 5 でマインクラフトサーバーを立てる(Java版 × 統合版クロスプレイ対応)

RaspberryPi

2026.06.24

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US