Bu yazımızda jQuery Seçiciler nasıl kullanılır onu öğreneceğiz. Başlamadan önce şunu anlamakta fayda var.
Bu seçicilere neden ihtiyaç duyuyoruz?
Çünkü jQuery ile işlemlerimizi yaparken ilk önce hangi Html öğesi üzerinde işlem yapmak istiyorsak onu seçmemiz gerekiyor. Seçtikten sonra artık bu Html öğesi üzerinde istediğimiz işlemleri gerçekleştirebiliriz.
Kullanımı şu şekilde:
|
1 2 3 |
$("seçici").fonksiyon(); |
Gördüğünüz gibi $ işaretini kullandıktan sonra parantezler içerisinde ” ” (çift tırnak) içerisine seçicileri yazıyoruz.
Sonrasında ise hangi işlemi yapmak istiyorsak o fonksiyonu yazarak işlemlerimizi gerçekleştiriyoruz. jQuery’de kullanabileceğimiz fonksiyonların tamamını ilerleyen yazılarımda detaylı bir şekilde anlatacağım.
jQuery’de seçicilerin kullanımı ile Css’te seçicilerin kullanımı arasında tek fark vardır.
jQuery’de seçicileri kullanırken, Css’te kullandığımız seçicileri $(“seçici”) içerisinde yazmamız yeterli olacaktır.
Şimdi hem jQuery’de hem de Css’te seçici kullanımını örnekler üzerinden inceleyelim ve daha iyi anlamaya çalışalım.
Css’te Seçici Kullanımı
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
#box1 { } .box2 { } ul li:first-child { } |
jQuery’de Seçici Kullanımı
|
1 2 3 4 5 6 7 |
$("#box1") $(".box2") $("ul li:first-child") |
Seçiciler konusunu, Css derslerinde detaylı bir şekilde anlattığım için burada tekrar uzun uzun anlatmayacağım.
Seçicilerin nasıl kullanılacağı ile ilgili detaylı bilgi için Css Seçiciler yazımı okuyabilirsiniz.
Umarım “jQuery Seçiciler” başlıklı yazım sizin için faydalı olmuştur.
Yeni bir yazımda görüşmek üzere.
