Chaining menghemat pemanggilan DOM berkali-kali: $('#p1').css('color', 'red').slideUp(1000).slideDown(1000);.
jQuery Chaining
Contoh Kode jQuery jQuery Chaining:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body style="font-family: sans-serif; padding: 20px;">
<button id="btnChain">Jalankan Chaining</button>
<p id="teksChain" style="color:#0d2e5c; font-weight:bold;">Teks Berantai Efek</p>
<script>
$('#btnChain').click(function() {
$('#teksChain').css('color', '#fca311').slideUp(500).slideDown(500);
});
</script>
</body>
</html>
Uji interaksi jQuery di atas dan amati animasi efek DOM secara langsung.