JQuery Zincirleme İşlemler (Chaining)

Bu yazımızda Jquery de zincirleme işlemlerini (chaining) nasıl yapıyoruz onu öğreneceğiz. Bu yöntem sayesinde bir Html etiketi üzerinde birden fazla Jquery metodunu uygulayabiliriz.

Yapmamız gereken etiketi seçtikten sonra metodlarımızı aralarına nokta (.) koyarak arka arkaya yazmak.

Bu kullanımın avantajı şudur; 

Normalde her metod için tekrar tekrar o etiketi seçmemiz gerekecekti. Zincirleme yöntemiyle etiketi bir defa seçmiş olacağız.

Örneğimizde bir buton ve bir div tanımlayalım.

Butona tıklandığında div etiketine sırasıyla animate(), fadeOut(), fadeIn(), animate() olmak üzere 4 metod uygulamış olacağız.

Yazarken bu şekilde aralarına nokta (.) koyarak dilediğimiz kadar metod yazabiliriz. Uygulamayı incelediğinizde daha anlaşılır olacaktır.

Html Kodları

Css Kodları

Jquery Kodları

Umarım sizin için faydalı bir yazı olmuştur.

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

Leave a Reply