BAB 4 – SELECTOR PADA jQUERY

Selector digunakan untuk memilih elemen HTML.


4.1 Selector ID

HTML

<h1 id="judul">Belajar</h1>

jQuery

$("#judul").hide();

4.2 Selector Class

HTML

<p class="isi">Paragraf</p>

jQuery

$(".isi").css("color","red");

4.3 Selector Tag

$("p").hide();

Praktik Lengkap

<h1 id="judul">Judul</h1>

<p class="isi">Paragraf 1</p>
<p class="isi">Paragraf 2</p>

<button id="btn">Klik</button>
$("#btn").click(function(){

$(".isi").css("color","blue");

});

LATIHAN BAB 4

Buat program yang:

Ketika tombol ditekan:

  • Judul menjadi merah
  • Semua paragraf menjadi hijau

Similar Posts

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *