jQuery [attribute=value] Selector
Contoh
Memilih setiap elemen yang beratribute "id" yang value nya samadengan "contoh":
$("[id=contoh]")
Defenisi dan Penggunaan
Selektor [attribute=value] adalah untuk memilih tiap elemen dengan atribute dan value tertentu.
| Parameter | Keterangan |
|---|---|
| attribute | Harus ada. Menentukan attribute yang akan dipilih |
| value | Harus ada. Menentukan nilai yang mengandung kata tertentu. |
Contoh
$("div[id='contoh']").css("background-color", "green");
Mewarnai latar belakang dari seluruh elemen 'div' yang ber-attribute "id" dengan value nya MENGANDUNG kata "contoh", 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
<div id="contoh">Division 1</div>7
<div id="contohnya">Division 2</div>8
<div id="mencontoh">Division 3</div>9
<p id="contoh">Paragraf 1</p>10
<p id="contohnya">Paragraf 2</p>11
<p id="mencontoh">Paragraf 3</p>12
<script>13
$(document).ready(function(){14
$("div[id='contoh']").css("background-color","green");15
});16
</script>17
</body>18
</html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
Cobalah untuk mengganti selector nya menjadi "p[id='contoh']", maka elemen "p" yang pertama saja yang akan berwarna hijau.
Atau selector nya diganti menjadi "[id='contoh']", maka seluruh elemen dengan atribute "id='contoh'" akan berwarna hijau.
