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.

<body>
    <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 :)

23 September 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat