Hoşgeldin, Ziyaretçi: Üye Ol

  • Konuyu Oyla:
    • Toplam: 0 Oy - Ortalama: 0
    • 1
    • 2
    • 3
    • 4
    • 5
    jQuery Nesne Seçimi
    #1
    #1 

    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.
    Ara
    Cevapla }}
    #2
    Konu için teşekkürler Smile
    Geri Geldim Cool
    Cevapla }}
    #3
    önemli değil
    Ara
    Cevapla }}


    Hızlı Menü:


    Şu anda bu konuyu okuyanlar: 1 Ziyaretçi
    Kodlayan: Metehan Durmuş - MyBB Türkiye
    Forum Yazılımı: MyBB , Kodlaması: MyBBGroup ve Çevirisi: MCTR

    Online Shopping App
    Online Shopping - E-Commerce Platform
    Online Shopping - E-Commerce Platform
    Feinunze Schmuck Jewelery Online Shopping