このサイトは、只今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

Macで歩く「たのしいバイナリの歩き方」うさみみハリケーンの代わりに、Cheat Engine / Bit slicerを使用する

アセンブラ

2026.04.12

Macで歩く「たのしいバイナリの歩き方」

アセンブラ

2026.04.10

【Railway】ひたすら安く個人開発サービスを運用する計画

サーバー

2026.04.06

たびのきろく

イベント

2026.02.23

【Railway】MySQLサービスをコスト抑えて運用する

運用

2026.01.19

あけましておめでとうございますmm DjangoアプリをRailwayに移行する。

運用

2026.01.06

効率の良い AI駆動開発について考える

AI・Bot・algorithm

2025.11.09

MacとClaude Codeで構築する cc65(NES)開発環境

Game

2025.10.24

Three.js - ShaderMaterialで、ブレンドシェイプ(MorphTarget)アニメーション対応

JavaScript

2025.10.15

ゲーム開発に必要な基本数学入門

Rust

2025.08.15

Godot 4 & WebAssemblyで様々なデータフォーマットを処理

Godot

2025.07.06

Godot 4 & WebAssemblyで、Hello WebAssembly! - godot-wasm

Godot

2025.06.21

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

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

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

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

FOLLOW US