JQuery Öğe Seçimi

Öğ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.