jQuery Zincirleme İşlemler (jQuery Chaining)

Bu yazımızda jQuery’de zincirleme işlemlerinin (jQuery chaining) nasıl yapıldığını anlatacağım. jQuery’in zincirleme işlemlere olanak sağlamasıyla bir Html öğesine birden fazla jQuery fonksiyonunu uygulayabiliriz.

Şimdi zincirleme işlemleri nasıl yapabileceğimize bakalım.

 ⇒  İlk olarak üzerinde işlem yapacağımız Html öğesini seçmemiz gerekiyor.

jQuery’de seçiciler ile ilgili eksikleriniz varsa jQuery Seçiciler Nasıl Kullanılır? yazımı okuyabilirsiniz.

 ⇒  Html öğesini seçtikten sonra uygulamak istediğimiz fonksiyonları, aralarına nokta (.) koyarak arka arkaya yazıyoruz.

Peki zincirleme işlemlerini kullanmanın bir avantajı var mıdır? Varsa nedir?

Normalde uygulamak istediğimiz herbir fonksiyon için tekrar tekrar ilgili Html öğesini seçmemiz gerekecekti. Fakat uygulamak istediğimiz fonksiyonları zincirleme yöntemiyle uygularsak ilgili Html öğesini bir defa seçmiş olacağız.

Konunun daha iyi anlaşılabilmesi için uygulamamıza geçelim.

 ⇒  İlk olarak 1 button etiketi ve 1 div etiketi tanımlayalım.

 ⇒  Butona tıklandığında div etiketine sırasıyla şu fonksiyonları uygulayalım:

  1. animate()
  2. fadeOut()
  3. fadeIn()
  4. animate()

Html Kodları

Css Kodları

jQuery Kodları

Kodlarınızı yazarken bu şekilde fonksiyonların aralarına nokta (.) koyarak dilediğiniz kadar fonksiyonu uygulayabilirsiniz.

Uygulamamızın son hali aşağıdaki gibi olacaktır. Click butonuna tıkladığınızda yazmış olduğumuz fonksiyonların arka arkaya uygulandığını görebilirsiniz.

Umarım “jQuery Zincirleme İşlemler (jQuery Chaining)” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery Callback Fonksiyonu Nedir? Nasıl Kullanılır?

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

500+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.