jQuery - Zincirleme
jQuery ile eylemleri/yöntemleri birbirine zincirleyebilirsiniz.
Zincirleme, tek bir ifade içinde birden çok jQuery yöntemini (aynı öğe üzerinde) çalıştırmamıza olanak tanır.
jQuery Yöntem Zincirleme
Şimdiye kadar jQuery deyimlerini teker teker (birbiri ardına) yazıyorduk.
Ancak, aynı eleman(lar) üzerinde birbiri ardına birden fazla jQuery komutu çalıştırmamıza izin veren zincirleme adı verilen bir teknik vardır.
İpucu: Bu şekilde, tarayıcıların aynı öğeyi/elemanları bir kereden fazla bulması gerekmez.
Bir eylemi zincirlemek için, eylemi önceki eyleme eklemeniz yeterlidir.
Aşağıdaki örnek css(), slideUp(), ve slideDown()
yöntemlerini birlikte zincirler. "p1" öğesi önce kırmızıya döner, sonra yukarı kayar ve ardından aşağı kayar:
Örnek
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Gerekirse daha fazla yöntem çağrısı ekleyebilirdik.
İpucu : Zincirleme yaparken kod satırı oldukça uzun olabilir. Ancak, jQuery sözdizimi konusunda çok katı değildir; satır sonları ve girintiler dahil olmak üzere istediğiniz gibi biçimlendirebilirsiniz.
Bu da gayet iyi çalışıyor:
Örnek
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery fazladan boşlukları atar ve yukarıdaki satırları uzun bir kod satırı olarak yürütür.