Seçiciler
JQuery-tr Wiki sitesinden
Bu madde bir taslaktır. Bu maddeyi genişleterek katkıda bulunabilirsiniz.
Konu başlıkları |
Temel
#id
ID niteliği verilen tek bir elementle eşleşir. Array döndürür(Elementler).
element
Verilen etiket ismiyle olan bütün elementlerle eşleşir. Array döndürür(Elementler).
.sınıf
Verilen sınıf ismiyle olan bütün elementlerle eşleşir. Array döndürür(Elementler).
Hiyerarşi
nesne altnesneler
belirli bir nesneden türeyen elemanları seçmek için kullanılır.
örnek:
$("form input").css("border", "2px dotted blue");yukarıda verilen kod, sayfada bulunan form nesnesinin altındaki input nesnelerini seçer ( metin giriş alanı, butonlar v.s. ) ve kenarlık değerini değiştirir
ananesne > altnesneler
bir nesnenin kapsadığı alt elemanların tümünü seçmek için kullanılır.
örnek:
$("#main > *").css("border", "3px double red");yukarıda verilen kod, id değeri main olan bir nesnenin altında bulunan tüm elemanları seçer ve bu elemanların kenarlık değerini değiştirir. Ana nesne bu değişimden etkilenmez.
önceki + sonraki
birbirini takip eden nesneleri seçer.
örnek:
$("label + input").css("color", "blue").val("jQuery!")yukarıdaki kod, sayfada ilk olarak label etiketini taşıyan nesnelere bakar, eğer buduğu nesnelerin ardından input etiketini taşıyan bir nesne geliyorsa bu input nesnesinin metin rengini maviye çevirip, varsayılan olaran atanan metnini jQuery olarak değiştirir.
önceki ~ kardeşnesneler
önceki ile tanımlanan nesneyi takip eden aynı özellikteki elemanları seçmek için kullanılır. Bu seçiciyi, örneğin bir form alanını (input) takip eden düğme elemanlarını (radio button) seçmek için kullanabilirsiniz.
