Selamat datang di artikel tips dan trik seputar dunia website Dumet School, pada kesempatan kali ini saya akan memberikan tips dan trik tentang bagaimana Cara Menggunakan Fungsi add() dan addclass() Pada jQuery. Dimana fungsi add() ini berfungsi untuk memanggil atau menyeleksi tag html yang kita inginkan kemudian fungsi addclass() ini berfungsi untuk memanggil hanya class saja misakan kita sudah membuat sebuah css dengan class kemudian kita akan memanggil dan tampilkan css class di tag html yang kita inginkan.Pada latihan kali ini kita akan menggunakan kedua fungsi ini dengan contoh yang sangat sederhana.
Pertama kita akan coba menggunakan fungsi add() terlebih dahulu, sebelum kita mulai teman – teman siapkan text editornya dan install terlebih dahulu jQuery nya, atau kita bisa load saja link jQuery nya untuk online tetapi jika teman – teman ingin ofline silahkan download terlebih dahulu di website resminya jQuery.com. Jika sudah coba teman – teman ketikkan script html nya seperti gambar di bawah ini
Kemudian coba teman – teman berikan fungsi jQuerynya seperti di bawah ini
<script> $("h1").add("p,span").css("background", "orange"); </script>
Pada scritp jQuery di atas ini saya memberikan h1 background berwarna orange kemudian saya ingin semua merubah background orange meskipun dengan tag yang berbeda dengan menggunakan add() semua akan menjadi background orange tidak hanya tag html saja teman – teman panggil class atau id juga akan berfungsi jika ingin semuanya sama menjadi orange.
Kemudian yang selanjutnya kita akan mencoba implementasikan addclass() yang juga akan kita bahas di dalam artikel Cara Menggunakan Fungsi add() dan addclass() Pada jQuery, coba teman – teman tambahkan script css nya dan atur terlebih dahulu atau bisa teman – teman ketikkan seperti script di bawah ini di dalam tag head
<style type="text/css"> .addclass{ color:white; font-weight: bold; font-size: 24px; padding:5px; } </style>
Dan berikutnya kita akan memanggil dengan fungsi addclass()
$("h1,p,span").addClass("addclass");
Jika sudah save dan refresh pada browsernya
Maka yang terjadi adalah semua tag akan di samakan sesuai css yang telah kita atur sebelumnya dan kemudian saya panggil semua tag html nya untuk di berikan css nya maka semua akan di selector oleh addclass().
Bagaimana, cukup mudah bukan..??
Saya kira sekian dulu pada artikel kali ini tentang Cara Menggunakan Fungsi add() dan addclass() Pada jQuery kita berjumpa kembali pada tips dan trik yang akan datang, semoga bisa menjadi tambahan ilmu untuk teman – teman khususnya yang baru menjajaki belajar jQuery. Sampai Jumpa dan Terimakasih
The post Cara Menggunakan Fungsi add() dan addclass() Pada jQuery appeared first on Kursus Website Terbaik.