Merhaba arkadaşlar öncelikle İlk bölümü şu linkten inceleyebilirsiniz. jQuery Temelleri - Bölüm 1
$.each
.each her programlama dilinden bildiğimiz foreach methodur. Seçtiğimiz elementlerin içinde sırayla dönmemizi sağlar..
$( 'ul li' ).each(function( index, element) {
// this: dönülen index'teki element
// index: dönülen index
// element: dönülen index'teki element " this ile aynıdır. "
});
Zincir method yapısı
jQuery ile bir elementi seçtikten sonra istediğimiz sayıda method ekleyebiliriz.
$(".kodstrap div").find('a').css({"color":"red","text-decoration":"underline"});
Burada yaptığımız .kodstrap class'ı altındaki div'lerin içinde .find()
methodu ile tüm <a> taglerini bul sonra bunların renkleri kırmızı yap ve yazı tipini altı çizili yap dedik.
Seçilen elementleri filtrelemek
filtreleme işlemi için 3 method kullanıcaz
.filter()
- filter bildiğimiz filtre demek.
.not()
- sahip olmayanlar
.has(
) - sahip olanlar
var seciliAnchors= $( '.herhangibirclass a' );
var withkod= seciliAnchors.filter( '.kodstrap' );
var notwidthkod= seciliAnchors.not( '.kodstrap' );
var hasP = seciliAnchors.has( 'p' );
//Sayfadaki tüm elementleri seçiyor
var listeElementleri= $( 'li' );
var disindakiler= listeElementleri.siblings();
var sonrakiler= listeElementleri.next();
var aile= listeElementleri.parent();
var cocuklar = listeElementleri.children();
var tumli= listeElementleri.find( 'li' );
var sahipclasslar= listeElementleri.parents( '.kodstrap' );