Metode Chaining pada jQuery
Metode Chaining pada jQuery - Pada pembahasan kali ini saya akan mengenalkan metode yang ada pada jQuery yaitu Chaining. Chaining merupakan metode atau cara untuk menggabungkan beberapa aksi yang kemudian akan dijalankan secara bersama. Lalu bagaimana cara kerja dan cara penulisan metode chaining pada jQuery ? Selengkapnya akan saya jelaskan berikut ini.
Metode chaining bisa kalian aplikasikan pada elemen HTML seperti: elemen text, gambar atau yang lainnya, karena pada dasarnya chaining memang ditujukan untuk menambahkan aksi - aksi secara bersamaan pada satu elemen. Nah, saya akan berikan satu contoh cara penggunaan dan cara penulisan chaining, dimana saya akan aplikasikan chaning terhadap elemen gambar dan tombol button yang nantinya ketika di klik tombol button akan terjadi aksi secara bersamaan pada elemen gambarnya yakni efek slideUp(), dan slideDown.
Kalian bisa ketikan struktur HTML dan penulisan chaining pada jQuery seperti berikut.
<p><button id="klik">Klik !</button></p>
<img src="dumet-school.jpg">
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#klik').click(function(){
$('img').slideUp(3000).slideDown(3000);
});
});
</script>
$('img').slideUp(3000).slideDown(3000) ini adalah kode jQuery yang menerapkan metode chaining, yang artinya aksinya akan dijalankan secara bersamaan.
Silahkan kalian bisa simpan filenya dan bisa buka dibrowser masing - masing.
Baik cukup sekian pembahasan tentang Metode Chaining pada jQuery, semoga bermanfaat dan selamat mencoba :)
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)
