jQuery #id Selector
Contoh
Memilih elemen dengan id "intro":
$("#intro")
Defenisi dan Penggunaan
Selector #id adalah untuk memilih elemen berdasarkan id tertentu.
"id" yang dimaksud adalah id dari attribute pada tiap elemen dalam dokumen HTML.
Note: Attribute id haruslah unik dalam setiap dokumen, artinya tidak boleh ada lebih dari satu id yang sama dalam satu halaman dokumen.
Note: Jangan menamai id yang diawali dengan angka, seperti id="2intro" atau id="2_intro" atau id="2", sebab bisa menyebabkan error pada beberapa browser.
Rumus
$("#id")
| Parameter | Keterangan |
|---|---|
| id | Harus ada. Menentukan id dari elemen yang akan dipilih. |
Contoh Penggunaan
Mewarnai latar belakan dari elemen dengan id "intro", menjadi warna hijau
x
1
<html>2
<head>3
<script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script>4
</head>5
<body>6
<p id="intro">Ini adalah paragraf pertama</p>7
<p id="satu">Ini adalah paragraf kedua, dan</p>8
<p id="dua">Ini adalah paragraf ketiga</p>9
<ul>10
<li id="li_satu">Ini adalah List Item pertama</li>11
<li>Ini adalah List Item kedua, dan</li>12
<li>Ini adalah List Item ketiga</li>13
</ul>14
<script>15
$(document).ready(function(){16
$("#intro").css("background-color","green");17
});18
</script>19
</body>20
</html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
