Özkan Arıcı – Freelance Web Developer

Jquery seçiciler

  • 5 sene önce, ozkan arici tarafından yazılmıştır.
  • 0 Yorum
  • Jquery
jquery seçiciler
Jquery öğrenmeye başlarken temelden başlamak lazım.Ve bana göre bu temelde jquery seçicilerdir.Peki jquery de seçiciler nelerdir nasıl kullanılır ne işe yararlar

jquery seçiciler
Jquery öğrenmeye başlarken temelden başlamak lazım.Ve bana göre bu temelde jquery seçicilerdir.Peki jquery de seçiciler nelerdir nasıl kullanılır ne işe yararlar
işte cevabı :

$(‘div’) –  ( tüm div etiketlerini seçer )

$(“#deneme”) – ( id özelliği deneme olan tüm elemanları seçer )

 $(“.deneme”) – ( class özelliği deneme olan tüm elemanları seçer )

 $(“span.deneme”) ( class özelliği deneme olan tüm span etiketlerini seçer )

$(“span , div “) ( tüm span ve div etiketine sahip elemanları seçer )

$(“*”) ( Tüm elemanları seçer )

$(“#deneme div span “) ( id özelliği deneme olan div içindeki span etiketlerini seçer )

$(“#deneme > div”) ( id özelliği deneme olan 1.derecedeki yakın divleri seçer )

$(“div + span”)  ( div elemanından sora gelen sadece ilk spanı seçer )

$(“div ~ span”) ( div elemanından sonra gelen tüm spanları seçer )

:first

0 numaralı indexe sahip elamanı seçer.

ör : $(‘div:first’)

:last

Son numaralı indekse sahip elemanı seçer.

:not(selector)

eşleşen özelliklere sahip elemanları eler.

Jquery ve Seçiciler örnek : $(“div :not ( .name )” )

:even

Çift numaralı indekse sahip elemanları seçer.

Jquery ve Seçiciler örnek : $(‘ul li : even’)

:odd

Tek numaralı indexe sahip elemanları seçer.

:eq(index)

Verilen indekse sahip elemanları seçer.

Jquery ve Seçiciler örnek : $(‘ul li : eq(2)’)

:gt(index)

Verilen indeksten daha büyük indekse sahip olan elemanları seçer.

Jquery ve Seçiciler örnek : $(‘ul li : gt(2)’)

:lt(index)

Girilen indeksten daha küçük indekse sahip elemanları seçer.

:header

,

… header etiketleri seçer.

:animated

O andaki animasyonlu elemanları seçer.

Jquery ve Seçiciler örnek : $(‘ div: animated’)

:nth-child(index/even/odd/equation)

Girilen seçiciye alt kümedeki elemanları seçer.

Jquery ve Seçiciler örnek : $(‘ ul li: nth-child(even)’)

:first-child

Bulunduğu alt kümenin ilk elamanını seçer.

Jquery ve Seçiciler örnek : $(‘ ul li: first-child’)

Kaynak dosyayı indirmek için : http://kodlaogren.com/12_Jquery-seciciler.html

Bir Yorum Yazın