jQuery Bağlama

jQuery ile, eylemleri/metotları birleştirebilirsiniz.

Bağlama, bir ifadede aynı element üzerinde birden fazla jQuery yöntemini (bir tanesi bir diğeri ardından) çalıştırmamıza olanak tanır.

jQuery Yöntem Bağlama

Şimdiye kadar, bir jQuery ifadesi (bir tanesi bir diğeri ardından) yazdık.

Ancak, bağlama (chaining) adı verilen bir teknik, aynı element üzerinde birden fazla jQuery komutunu, bir tanesi bir diğeri ardından çalıştırmamıza olanak tanır.

İpucu:Bu şekilde, tarayıcı aynı elementi birden fazla kez aramak zorunda kalmaz.

Bir eylemi bağlamak için, basitçe bu eylemi önceki eyleme eklemeniz yeterlidir.

Örnek 1

Aşağıdaki örnek, css(), slideUp() ve slideDown() yöntemlerini birleştirir. "p1" elementi öncelikle kırmızıya döner, ardından yukarı kayar, ardından aşağı kayar:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

Kişisel olarak deneyin

Gerekirse, birden fazla yöntem çağrısı ekleyebiliriz.

İpucu:Bağlantı yapılırken, kod satırları kötü hale gelir. Ancak, jQuery dil olarak çok katı değil; İstediğiniz formatta yazabilir, satır boşlukları ve girintiler içerebilirsiniz.

Örnek 2

Bu şekilde de çalışabilir:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

Kişisel olarak deneyin

jQuery fazlalık boşlukları atar ve yukarıdaki kod satırını bir satır uzunluğunda çalıştırır.