jQuery Dersleri
jQuery Nedir?
jQuery Nedir?
jQuery Kurulumu
jQuery Kod Yapısı
jQuery ready Fonksiyonu
jQuery Nesne Seçimi
jQuery Fonksiyonlar

jQuery Efektleri
jQuery Gizle ve Göster
jQuery Kaydırma
jQuery Animasyonlar
jQuery callback
jQuery Toplu İşlemler

jQuery HTML
jQuery Bilgi Almak
jQuery Bilgi Değiştirme
jQuery Bilgi Ekleme
jQuery Veri Silme
jQuery'de CSS İşlemleri

jQuery Nesneler
jQuery Nesne Boyutları
jQuery Nesne Bulma/Seçme

jQuery AJAX
jQuery AJAX

Bağlantılar
HTML Dersleri
JavaScript Dersleri
CSS Dersleri
ASP Dersleri
PHP Dersleri
MySQL Komutları
jQuery Dersleri
Venus Programlama

Ana Sayfa Bize Ulaşın

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.

Tüm hakları saklıdır. Lütfen kaynak belirtmeden sitenizde yayınlamayın. Web Sitesi © 2014