jQuery - Merangkai
jQuery - Merangkai
Melalui jQuery, tindakan/kaedah boleh dipautkan bersama.
Chaining membolehkan kami menjalankan berbilang kaedah jQuery (pada elemen yang sama) dalam satu pernyataan.
pautan kaedah jQuery
Sehingga kini, kami telah menulis satu pernyataan jQuery pada satu masa (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 berikut memaut css(), slideUp() dan slideDown() bersama-sama. Elemen "p1" mula-mula akan bertukar merah, kemudian meluncur ke atas, kemudian ke bawah:
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function()
{
$("button").click(function(){
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
});
});
</script>
</head>
<body>
<p id="p1">菜鸟教程!!</p>
<button>点我</button>
</body>
</html>Run Instance»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
Kami juga boleh menambah berbilang panggilan kaedah jika perlu.
Petua: Apabila memautkan, baris kod menjadi kucar-kacir. Walau bagaimanapun, sintaks jQuery tidak begitu ketat; anda boleh menulisnya dalam format yang anda mahu, termasuk pemisah baris dan lekukan.
Menulis seperti berikut juga berfungsi dengan baik:
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function()
{
$("button").click(function(){
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
});
});
</script>
</head>
<body>
<p id="p1">菜鸟教程!!</p>
<button>点我</button>
</body>
</html>Run Instance»
Klik Butang "Jalankan Contoh" untuk melihat contoh dalam talian
jQuery akan membuang ruang tambahan dan melaksanakan baris kod di atas sebagai satu baris kod yang panjang.
