ID Seçici ("#id")

id selector
Açıklama : Verilen ID değerine sahip bir tane eleman seçer.

jQuery( "#id" ) Eklendiği Versiyon 1.0
id : Elemanın id özniteliğinde olan değer.

ID seçici içinjQuery JavaScript'in çok etkili olan document.getElementById() metodunu kullanır. Başka bir seçici iliştirilirse örneğin $("h2#pageTitle") gibi, jQuery eşleşmeyi bulmadan önce ekstra bir eleme yapar.

Bu seçici jQuery() vaya $() ile kullanılır ve bir DOM elemanı içeren ya da boş bir jQuery nesnesi döner.

Dökümanda her id değeri tek bir elemanda kullanılmalıdır. Eğer sayfada birden fazla aynı ID değerinde eleman varsa ilk bulunan eleman dönecektir. HTML kodlamada birden fazla aynı ID değerinde eleman kullanmak geçersiz bir davranıştır.

ID değerinde CSS için uygun ama jQuery için uygun olmayan ikinokta üstüste, nokta gibi karakterler varsa ters slash ile belirtilmelidir.



Örnekler:

ID değeri myDiv olan elemanı bul ve kırmızı sınır çiz.

<style>
   div {
      width: 90px; height: 90px;
      float: left; padding: 5px;
      margin: 5px;
      background-color: #eee;
   }
</style>

<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>
 
<script>
   $("#myDiv").css("border", "3px solid red");
</script>

id="notMe"

id="myDiv"

ID değeri myID.entry[1] olan elemanı bul ve kırmızı sınır çiz. Özel karakterleri nasıl ters slash ile veriyor dikkat ediniz.

<style>
   div {
      width: 300px; float: left;
      padding: 2px; margin: 3px;
      background-color: #eee;
   }
</style>
<div id="myID.entry[0]">id="myID.entry[0]"</div>
<div id="myID.entry[1]">id="myID.entry[1]"</div>
<div id="myID.entry[2]">id="myID.entry[2]"</div>
<script>
   $("#myID\\.entry\\[1\\]").css("border", "3px solid red");
</script>
id="myID.entry[0]"
id="myID.entry[1]"
id="myID.entry[2]"

.

.