セレクターとは(jQuery)

jQueryで、指定したHTML要素のことをセレクターと言います。セレクターはidやclassの他に、要素の最初・最後、子要素に特定のタグを含む、などの細かな指定が可能です。

jQueryでまず基本になるのが、このセレクターです。

セレクターの使い方

JavascriptでHTML要素を指定する場合、getElemetsByTagName(タグを指定)、getElementById(idを指定)、getElementByName(nameを指定)を使います。

jQueryのセレクターは、タグ指定の場合は$(タグ名)、id指定の場合は$(#id名)、クラス指定の場合は$(.クラス名)と、とても簡単になります。

id指定の場合は"#"(シャープ)を、クラス指定の場合は"."(ピリオド)を前に付けます。
タグ指定にid指定とクラス指定を追加すると同時に要素を取得することができます。

//タグを指定
$("img")
//idを指定
$("#idname")
//クラスを指定
$(".classname")
//タグとidを指定
$("img#idname")
//タグとクラスを指定
$("img.classname")

例えばフェードアウト処理をしたい場合は次のようになります。

$("#idname").fadeTo("slow",0,1);