JQuery Kılavuzu

Uzun süredir kullanmakta olduğum JQuery kütüphanesi için kendimin de faydalanacağı bir kılavuz hazırlamak istedim. Umarım herkese faydalı olur.

Element Bulma

//Tüm elementler
$(*)

//id üzerinden
$("#link")

//class üzerinden
$(".linkClass")

//iki ayrı sınıf ile birlikte arama
$(".linkclass.anchor")

//html tag üzerinden
$("a")

Child Elementler

//Tüm alt input ları bulma
$("#ParentDiv").find("input")

//İlk elementi bulma
$("#ParentDiv").find("input:first")

//Son elementi bulma
$("#ParentDiv").find("input:last")

//Css sınıfına göre bulma
$("#ParentDiv").find("input.buttonClass")

//Herhangi bir attribute a sahip olanları bulma
$("#ParentDiv").find("input:checked")

//Herhangi bir attribute a sahip olmayanları bulma
$("#ParentDiv").find("input:not(:checked)")

//if deyimi ile bulma
$("#ParentDiv").find("input[value=123]")

//İki alt seviyedeki elementleri bulma
$("#ParentDiv").find("ul > li")
//veya
$("#ParentDiv").find("ul.listClass > li")

Parent Elementler

//Bir üst parent elementi bulma
$("#ParentDiv").parent()

//Tüm üst elementleri bulma
$("#ParentDiv").parents()

//Tüm üst elementlerden div olanlarını bulma
$("#ParentDiv").parents("div")

//En yakın üst div elementini bulma
$("#ParentDiv").closest("div")

Document Nesnesi

        $(document)
        //veya
        $()
    

Null Kontrolü

        if($("#ParentDiv").length > 0)
        {
            //element bulunmuştur
        }
    

Bu kılavuzda daha çok DOM (Document Object Model) üzerinde gezerek elementleri bulma (Selectors, Traversing) üzerine örnekler vermeye çalıştım. Bir sonraki yazıda JQuery fonksiyonları hakkında örnek kodlar paylaşmaya çalışacağım…