JQuery DOM Elemanları Seçicileri

Katılım
11 Ocak 2012
Mesajlar
12,813
Jquery hızlı ve kolay bir şekilde HTML DOM nesneleri üzerinde işlem yapmak için geliştirilmiş bir kütüphanedir. DOM nesneleri ile etkileşime geçmek için, öncelikle onlara erişmek gerekir.



Seçiciler konusu
Jquery 'nin en temel ve önemli konularından biridir. Çünkü DOM nesneleri üzerinde işlem yapacağınız için onlara en kısa ve en kolay yoldan erişmeniz gerekir. Bu nedenle ihtiyacınıza göre en uygun ve en sade seçici yapısını kurmalısınız.



Jquery de uygun seçici yapısı kurarak birbiri ile iç içe, hiyerarşik bir şekilde dizilmiş DOM nesnelerine kolay bir şekilde ulaşabilirsiniz. Bunun için seçiciler yapısını en etkili şekilde kullanmamız gerekir.Seçiciler $() fonksiyona verilen parametre ile oluşturulur. Parametre olarak verilen değer, DOM yapısı içerisinde hangi nesnelerin seçileceğini belirler.Temel seçici yapılarını gruplandırırak tek tek inceleyelim;



-
Etiket Seçicileri

- CSS Seçicileri

- Öznitelik Seçicileri

- Filtreli Seçiciler

- Form Seçicileri


1) Etiket Seçicileri;



DOM nesneleri içerisinde herhangi bir etiket ismine göre seçim yapmayı sağlar.

DOM yapısı içerisindeki tüm nesneleri seçmek için;





Burada bulunan gizli verileri görebilmeniz için önce yanıt vermelisiniz.


Belirli bir etiket ismine göre seçim yapmak için
$() fonksiyonuna etiket ismi parametre olarak verilir.

Örneğin;



Burada bulunan gizli verileri görebilmeniz için önce yanıt vermelisiniz.
Bir etiketin alt elemanlarını seçilmek istendiğinde aşağıdaki şekilde kullanımda div etiketi içerisindeki p etiketleri seçilecektir.



Burada bulunan gizli verileri görebilmeniz için önce yanıt vermelisiniz.
 
Üst Alt
Reklam
Reklam