jQuery Nesne Seçimi
Öncelikle şunu söyleyelim. Sitemizde bu sayfalarda yer alan nesne, element, html parçacığı, tag gibi ifadeler aynı şeyi ifade ediyor. Bunlar HTML sayfasını oluşturan kodlardır ve <nesne> şeklinde yazılır.
jQuery için elementler üzerinde işlem yapıyor dedik. O halde elementleri seçmek de işin bir parçası. Elementleri jQuery'de ifade ederken $("nesne") şeklinde ifade ediyoruz. Şimdi örnekler yoluyla nasıl element seçtiğimizi öğrenelim.
$("this") kod hangi elementte kullanıldıysa o element.
$("*") tüm elementler
$("p") <p> elementleri
$("div") <div> elementleri
Buraya kadar iyiydi. Şimdi biraz daha özel elementler belirtelim:
$("div.yazi") class="yazi" olan <div> elementleri
$("p:first") belgemizdeki ilk <p> elementi
$("#txt") belgemizdeki id="txt" özelliğine sahip element
$("a[target='_blank']") target="_blank" özelliğine sahip <a> elementi
Görüldüğü gibi bir elementi belirtmenin birden fazla yolu var. Şimdi bir uygulama üzerinde belirtilmiş elementleri görelim:
JAVASCRIPT Kodu
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
Yukarıda örnekte tüm button türü nesnelere tıklandığında tüm P elementler gizlenir.