Melalui jQuery, tindakan/kaedah boleh dipautkan. Chaining membolehkan kami membenarkan berbilang kaedah jQuery (pada elemen yang sama) dalam satu kenyataan.
Sehingga kini, kami telah menulis pernyataan jQuery satu demi satu (satu demi satu). Walau bagaimanapun, terdapat teknik yang dipanggil chaining yang membolehkan kami menjalankan berbilang arahan jQuery pada elemen yang sama, satu demi satu. Petua: Dengan cara ini penyemak imbas tidak perlu mencari elemen yang sama beberapa kali.
Untuk memautkan tindakan, anda hanya menambah tindakan itu pada tindakan sebelumnya.
Contoh 1. Contoh berikut memautkan css(), slideUp(), dan slideDown() bersama-sama. Elemen "p1" mula-mula akan bertukar merah, kemudian meluncur ke atas, kemudian ke bawah:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function()
{
$("button").click(function(){
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
});
});
</script>
</head>
<body>
<p id="p1">jQuery 乐趣十足！</p>
<button>点击这里</button>
</body>
</html> Kami juga boleh menambah berbilang panggilan kaedah jika perlu. Petua: Apabila memaut, baris kod menjadi kucar-kacir. Walau bagaimanapun, jQuery tidak begitu ketat tentang sintaks; anda boleh menulisnya dalam sebarang format yang anda mahu, termasuk pemisah baris dan lekukan.
Contoh 2, ia juga boleh dijalankan jika ditulis seperti ini:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function()
{
$("button").click(function(){
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
});
});
</script>
</head>
<body>
<p id="p1">jQuery 乐趣十足！</p>
<button>点击这里</button>
</body>
</html>jQuery akan membuang ruang tambahan dan melaksanakan baris kod di atas sebagai satu baris kod yang panjang.
