#id

version 1.0 以降

解説

指定されたid属性値の要素にマッチします。

#id属性値

"#"シャープの後ろに要素のid属性値を指定します。マッチする要素は0もしくは1個です。

id属性値に"."ピリオド、":"コロン、"[","]"ブラケットなどを含む場合は、"\"バックスラッシュでエスケープしてください。参照：例2:

例1:id属性値が"id-yellow"の要素を選択し、背景を黄色にします。

$("#id-yellow").css("background-color", "yellow");

例2:id属性値が"special.id[0:0]"の要素を選択し、背景を橙色にします。

$("#special\\.id\\[0\\:0\\]").css("background-color", "orange");

<div id="id-yellow">
id属性値が"id-yellow"のdiv要素
</div>

<div id="special.id[0:0]">
id属性値が"special.id[0:0]"のdiv要素
</div>

<div id="id-other">
id属性値が"id-other"のdiv要素
</div>

id属性値は同一文書内で重複してはいけません。
参照：W3C > 7.5.2 Element identifiers: the id and class attributes
もし、重複したid属性値の要素が存在した場合は、初めに見つかった要素のみにマッチします。