JQuery parent(), parents(), parentsUntil(), children(), find() Kullanımı

Bu yazımızda Jquery de parent, parents, parentsUntil, children, find metodlarını öğreneceğiz. Bildiğiniz gibi Html sayfaları bir ağaç yapısı şeklindedir. İç içe etiketlerden oluşur.

En basit haliyle örnek verecek olursak Html sayfalarının yapısı şu şekildedir.

Gördüğünüz gibi en başta html etiketi, onun içerisinde ise head ve body etiketleri var. Head etiketi içerisinde de title etiketi vs..

İşte Jquery bize bunun gibi iç içe etiketleri seçip işlem yapmamızı kolaylaştıran metodlar sunuyor.

Şimdi bu metodların ne işe yaradığını anlatıp, uygulama üzerinde nasıl kullanabileceğimize bakalım.

► parent metodu, seçmiş olduğumuz bir etiketin ebeveyn’lerinden ilk etiketi seçmemizi sağlar.

► parents metodu, seçmiş olduğumuz bir etiketin tüm ebeveyn’lerini seçmemizi sağlar. Bu metodu kullandığımız zaman body ve html etiketleri dahil hepsi seçilir. 

► parentsUntil metodu, seçmiş olduğumuz bir etiketin ebeveyn’lerinden bizim belirteceğimiz bir etikete kadar seçmemizi sağlar. 

► children metodu, seçmiş olduğumuz bir etiketin içerisindeki ilk etiketi (çocuk etiketi) seçmemizi sağlar.

► find metodu, seçmiş olduğumuz bir etiketin içerisinde istediğimiz etiketi bulmamızı sağlar.

Şimdi teoride kalan bilgilerimizi uygulamaya dökelim.

Şu şekilde Html kodları tanımlayıp üzerinde metodlarımızı uygulayalım.

Butonlara tıklayarak, kullandığımız metodların seçmiş olduğu etiketlere kenarlık değeri vererek daha görünür olmasını sağlayalım.

Örnekleri incelediğinizde daha anlaşılır olacaktır.

Kodlarımız şu şekilde.

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

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

Yorum Yazın

E-BÜLTEN ABONELİĞİ

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Asp.Net MVC, MSSQL ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.
ABONE OL
close-link