Query son iki sitede kullandığım bir javascript kütüphanesi. Benzerlerine göre (mootools, prototype vs.) daha kullanışlı buluyorum. Bir sürü eklentisi var, dökümantasyonu iyi ve webde bir çok örnek kod var; bunlar da hayatı baya bi kolaylaştıryor.
Nesneye erişmek için CSS tarzı seçiciler kullanılıyor (Basit XPaht desteği de varmış ama hiç kullanmadım). Bunun yanı sıra çok kullanılan özellikler ve form elemanları için özel seçicileri var. Kullanımları da çok kolay.
id’si icerik olan bir pragrafı seçmek için;
(Unutmadan, burada seçmekten kastım, özellik ve ya yordamlarını kullanabilmek için nesneye erişmek.)
yazmanız yeterli.
Biraz daha kompleks seçimler yapalım, seçim yapmakla yetinmeyip bazı özelliklere göz atalım:
-
$(“div#deneme a:eq(2)”).css({“color”:“red”,“font-size”:“12px”});
bu bir satır kodla, id’si deneme olan div içindeki 3. link elemanını seçtik, font boyutunu 12px, rengini de kırmızı yaptık. Çok eğlenceli!
-
$(“ul#listem li:odd”).css({“color”:“red”,“font-size”:“12px”});
-
$(“ul#listem li:eveb”).css({“color”:“blue”,“font-size”:“14px”});
listem adlı listedeki elemanların sırası tek sayı olanlarına ayrı, sırası çift sayı olanlarına ayrı özellik verdik. Bunu zebra tablolar yapmak için de kullanabiliriz.
Son olarak da seçicilerin en sevdiğim şeklinden bahsedeyim. Basit düzenli ifadeler kullanılabiliyor.
-
$(“a[@name=melih]”) // name özelliği melih olan a ları seçer.
-
$(“a[@name^=melih]”) // name özelliği melih ile başlayanları seçer. melih11,melih12, melihme vs.
-
$(“a[@name$=melih]”) // name özelliği melih ile bitenleri seçer. ddmelih,aamelih resimmelih vs.
-
$(“a[@name*=melih]”) // name özelliği içinde melih geçenleri seçer. ddmelihaa,aamelihbb resimmelihkucuk vs.
-
JQuery ile ilgili yazmaya devam edicem.. Özel seçiciler ve çalışan örnekler birsonraki yazıya kaldı..
1. Türkiye BSD Konferansı