Kami telah berbicara beberapa kali sekarang tentang sedikit sentuhan di jQuery API yang sangat bagus. Semuanya dipertimbangkan dengan baik dan disempurnakan. Perangkaian pasti termasuk dalam kategori itu. Begitu Anda mulai menggunakannya dan memahaminya, rasanya sangat alami, seolah tidak ada cara lain.
Ide utamanya adalah Anda menggunakan beberapa metode secara berurutan pada satu kumpulan elemen.
Misalnya, katakanlah setelah saya mengklik tombol saya ingin mengubah kelas serta mengubah beberapa teks. Tetapi tombol tersebut memiliki beberapa HTML di dalamnya.
Open Dengan jQuery, kita bisa "merangkai" seluruh rangkaian tindakan bersama-sama.
$(".button") .removeClass("open") .addClass("closed") .find(".text") .text("Closed");Ini dimungkinkan karena sebagian besar metode jQuery, saat digunakan sebagai penyetel, mengembalikan kumpulan elemen seperti yang dipanggil metode. Terkadang himpunan itu persis sama, seperti halnya dengan removeClassdan di addClasssini, dan terkadang himpunan itu diubah seperti halnya di sini dengan find.
Dalam contoh yang kami kerjakan di video, kami juga membicarakan tentang .end()yang "mundur" satu tingkat pada rantai.
$(".button") .removeClass("open") // .button .addClass("closed") // .button .find(".text") // .button .text .text("Closed") // .button .text .end(); // .button .data("thing"); // GETTER on .buttonMungkin itu menjelaskannya dengan lebih baik. Ketika kumpulan elemen berubah, saya memberi indentasi pada baris satu dan mencatat perubahan di komentar. Kemudian saat kita .end()mundur satu tingkat. Ini berfungsi tidak peduli berapa kali Anda mengubah pilihan. Semuanya berakhir ketika Anda menggunakan metode yang mengembalikan sesuatu selain dari satu set elemen.