Mengenal Fungsi Chaining pada jQuery

Seseorang yang mencintaimu karena fisik, maka suatu hari ia juga akan pergi karena alasan fisik tersebut. Seseorang yang menyukaimu karena materi, maka suatu hari ia juga akan pergi karna materi. Tetapi seseorang yang mencintaimu karena hati, maka ia tidak akan pernah pergi! Karena hati tidak pernah mengajarkan tentang ukuran relatif lebih baik atau lebih buruk. Oke pada kesempatan kali ini saya akan memberitahukan kepada kalian tentang Mengenal Fungsi Chaining pada jQuery.

Metode Chaining memungkinkan kita untuk menjalankan beberapa metode jQuery (dari unsur yang sama) dalam satu pernyataan. Seperti menjalankan beberapa perintah jQuery, satu demi satu, pada elemen yang sama.
Contoh seperti kita membuat slide up slide down dalam satu element.
Struktur untuk membuat Chaining ini bebas ya teman-teman.
Oke langsung saja, kita contohkan dari Mengenal Fungsi Chaining pada jQuery.

Seperti biasa, siapkan file index.html nya.

Kemudian, kita hubungkan file index.html nya dengan library jQuery nya.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Dan setelah itu, isi di bagian <body> tag-tag HTML berikut.

<p id="p1">jQuery is fun!!</p>

<button>Click me</button>

Dan yang terakhir, isi untuk bagian Javascript nya.

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#p1").css("color", "red")
            .slideUp(2000)
            .slideDown(2000);
    });
});
</script>

Bagaimana teman-teman? Cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Mengenal Fungsi Chaining pada jQuery.

Semoga bermanfaat, terima kasih

Kategori