Hai teman-teman semuanya, kita lanjut lagi belajarnya, kali ini kita masih akan membahas tentang selector jquery, Seperti yang kita tau, selector pada jquery sangatlah banyak , dan pada kesempatan kali ini kita akan belajar salah satu selector pada jquery yaitu selector :event pada jquery.
Fungsi dari selector :even adalah memilih element dengan urutan ganjil secara berurut, nah mungkin masih bingung, untuk lebih jelasnya kita langsung saja praktek, pertama silahkan teman-teman buat sebuah file html dan ketikan script berikut ini:
<!DOCTYPE html> <html> <head> </head> <body> <p>Dumet School</p> <p>Dumet School</p> <p>Dumet School</p> <p>Dumet School</p> <p>Dumet School</p> <p>Dumet School</p> <p>Dumet School</p> </body> </html>
Pertama saya membuat beberapa element p, jika teman-teman save maka hasilnya akan seperti berikut ini:
Hailnya masih seperti biasa, dan sekarang coba teman-teman tambahkan script jquery berikut ini:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p:even").css("background-color", "yellow");
});
</script>
Nah seperti biasa saya meload library dari jquery yaitu bisa kita ambil dari website resmi jquery jquery.com , setelah itu saya membuat sebuah script jquery dimana p yang ganjil akan memiliki warna background,
kjika teman-teman save maka hasilnya akan seperti berikut ini:
Hasilnya p yang ganjil akan memiliki warna background, seperti diatas, gimana teman-teman cukup mudah bukan? saya rasa untuk tutorial kali ini tentang selector :event pada jquery cukup sampai disini dulu, semoga bermanfaat untuk teman-teman semuanya, sampai jumpa pada tutorial berikutnya,
Terima kasih.