Bir html elementini, herhangi bir "attribute" değerine göre seçmek

Bazen bir attribute değerine göre HTML elemenleri seçilmek istenebilir. Bu aşağıdaki gibi yapılabilir:

Örneğin aşağıdaki gibi HTML kod parçamız olsun: 

<ul class="tabs">
     <li id="tab1" deger="tabBir">
     <li id="tab2" deger="tabIki">
</ul>

Yukarıdaki kodda "deger"in "tabBir" olduğu elementi seçmek istersek:

$('[deger="tabBir"]')

"deger" değişkeni sadece "li" elementlerinde bulunmayabilir. Bu nedenle "deger" değişkeninin "tabBir" olduğu "li" elementlerini bulmak istersek:

$('li[deger="tabBir"]')

Basit ama lazım olabilecek şeyler (jQuery)

Bir sayfadaki tüm "x" (div, table, ul, li vb.) elementlerinin yakalanması: (by tag)

$('x')

Örnek: $('div')

Bir sayfadaki sınıfı "y" (baslik, h1 vb.) olan "x" (div, ul vb.) elementlerinin yakalanması:

$('x.y')

Örnek: $('div.baslik')

Bir sayfadaki "y" (baslik, h1 vb.) sınıfına ait elementleri yakalama: (by class)

$('.y')

Örnek: $('.baslik')

Bir sayfadaki "z" ID'sine sahip elementleri yakalama: (by ID)

$('#z')

Örnek: $('#altBaslik')

Bir sayfadaki ID'si "z" olan "x" (div, ul vb.) elementlerini yakalama:

$('x#z')

Örnek: $('div#altBaslik')

Bir elementin torunu (descedant) olan elementleri yakalama:

a: ata
b: torun

$('a b')

Örnek: $('table td')

Bir elementin çocuklarını (children) yakalama:

a: ata

b: çocuk

$('a > b')

Örnek: $('tr > td')

Bir sayfadaki ilk "x" elementini yakalama:

$('x:first')

Örnek: $('li:first')

Bir sayfadaki son "x" elementini yakalama:

$('x:last')

Örnek: $('li:last')

Bir "a" nesnesini başka bir "b" nesnesinin önüne almak:

$(b).before(a)

Örnek: $('div#altBaslik').before('div.baslik')

"baslik" sınıfına sahip olan div, "altBaslik" ID'sine sahip div'in önüne alınıyor

Bir "a" nesnesini başka bir "b" nesnesinden sonra yerleştirmek:

$(b).after(a)

Örnek: $('div.baslik').after('div#altBaslik')

"altBaslik" ID'sine sahip div, "baslik" sınıfına sahip div'den sonra yerleştiriliyor