Öğe seçebilmek için kullanacağımız fonksiyon $ fonksiyonudur. Aşağıdaki kod bloğunu inceleyiniz :
Örnekte img öğesi için bu öğe içinde yer alan resimlerden indeks sırası tek olanları seçtim. Tek olanları seçme sebebim ise “img:odd” deyiminden kaynaklanıyor. odd tek demektir. Baz alından element img..
Ek bir bilgi vereyim,$ fonksiyonu ile birlikte herhangi bir argüman kullanmaz isek bu sefer boş bir seçim yapmış oluruz. Bunun için $() kullanılır. Doğrusunu söylemek gerekirse hiç kullanıldığını görmedim 🙂
Aşağıdaki tabloda JQuery $ fonksiyonu seçicilerini görebilirsiniz :
Bu seçiciler CSS-pseudo seçiciler gibi kullanılırlar..
Element türüne görede seçiciler mevcuttur, bunları da aşağıdaki tabloda görebilirsiniz.
Seçim Alanını Daraltmak : Varsayılan olarak $ fonksiyonu ile DOM üzerindeki tüm elemanlar üzerinde arama işlemi yapılır. $ fonksiyonuna ek bir argüman ekleyerek bu aramayı daraltabiliriz.
Aşağıdaki kodu inceleyiniz.
Üstteki kod bloğu incelendiğinde $ fonksiyonu ile ilk dediğim şu, .abc classına ait olan tüm öğelerin seçimini yap. Daha sonra diğer ek argümanla img elementinden sadece tek olanları seç diyoruz.
Aşağıdaki kodu inceleyelim :
Burada da ;
var elementAd = document.getElementById("xyz"); $("img:odd", elementAd).mouseenter(function(e)
diyerek ID’si elementAd olan bölümde img etiketine sahip olan tek numaralı indekse sahip img öğeleri seçilir.