jQuery .class Selector
Contoh
Memilih seluruh elemen yang memiliki class "intro":
$(".intro")
Defenisi dan Penggunaan
Selektor .class adalah untuk memilih seluruh elemen yang memiliki class tertentu.
Rumus
$(".class")
| Parameter | Keterangan |
|---|---|
| class | Harus ada. Menentukan class dari elemen yang akan dipilih. |
Contoh
$(".contoh").css("background-color", "green");
Mewarnai latar belakang dari seluruh elemen yang memiliki class "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 name="contoh">Division 2</div>8
<div class="contoh">Division 3</div>9
<p id="contoh">Paragraf 1</p>10
<p name="contoh">Paragraf 2</p>11
<p class="contoh">Paragraf 3</p>12
<script>13
$(document).ready(function(){14
$(".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:
Jika selectornya diubah menjadi ("div.contoh"), maka hanya elemen div yang memiliki class "contoh" saja yang akan berwarna hijau. Dan jika diubah lagi menjadi ("p.contoh"), maka hanya paragraf dengan class "contoh" saja yang akan berwarna hijau.
