Serdar YILMAZ / Software Developer
Bizimkisi Bir “Bug” Hikayesi...
Akbank Bankacılık Merkezi
Serdar Yılmaz jQuery – Hiyerarşik Seçiciler

jQuery – Hiyerarşik Seçiciler

E F Seçicileri

Kod

$('body h1')

Açıklama

Yukarıdaki kod, body etiketinin iki alt seviyesindeki (torunu) h1 etiketini seçecektir.

jQuery - Seçiciler

$(‘body h1’)


E+F Seçicileri

Kod

$('div+small')

Açıklama

Yukarıdaki kod, div etiketi ile aynı seviyede (komşu) olan ilk small etiketini seçecektir.

jQuery - Seçiciler

$(‘div+small’)


E~F Seçicileri

Kod

$('div~small')

Açıklama

Yukarıdaki kod, div etiketi ile aynı seviyede (komşu) olan tüm small etiketlerini seçecektir.

jQuery - Seçiciler

$(‘div~small’)


E>F Seçicileri

Kod

$('ul>li')

Açıklama

Yukarıdaki kod, ul etiketi içerisindeki bütün li etiketlerini seçecektir.

jQuery - Seçiciler

$(‘ul>li’)

ul etiketinin sadece bir alt seviyesindeki li etiketleri seçilir. İki veya daha alt seviyedeki li etiketleri seçilmez.


E, F, G Seçicileri

Kod

$('a,ul')

Açıklama

Virgül konularak belirtilen tüm etiketleri seçer. Yukarıdaki kod, HTML sayfamızdaki tüm a ve ul etiketlerini seçecektir.


* Seçicisi

Kod

$('*')

Açıklama

Yukarıdaki kod, HTML sayfamızdaki bütün etiketleri seçecektir.

// div etiketinin bir alt seviyesindeki tüm etiketleri seçer.
$('div>*')

// div etiketi ile aynı seviyedeki tüm etiketleri seçer.
$('div~*')

Örnek Uygulama

Serdar YILMAZ


Bu İçeriği Arkadaşlarınızla Paylaşmak İster misiniz?

Bir Yorum Yapın