【jQuery入門】セレクタの使い方をしろう！

jQueryではHTML要素、id、classの指定方法がそれぞれ異なります。どのように指定すればよいか見ていきましょう。

HTML要素の指定方法

「$("")」に「p」や「h1」などそのままHTML要素を入れればOKです。

$("p").css('color','red');

idの指定方法

「$("")」に「#」+「class」で指定します。

$("#sub").css('color','red');

classの指定方法

「$("")」に「.」+「class」で指定します。

$(".sub").css('color','red');

 特定の要素の指定方法

下記の記号を併用することで特定の要素を指定することができます。

• >　　　直下の要素
• 空白　 それ以下の要素
• ,　　　複数の要素
• +　　　隣接の要素