jQuery Selectors (Seçiciler)

jQuery Selectors (Seçiciler)

Selamlar, ara ara unuttuğum veya hatırlamaya dahi zahmet etmediğim Selector(Seçici) olayını aşağıda yine not olarak bırakıyorum. Kaynak olarak W3Schools.com dan referans almış bulunuyorum Türkçeleştirmesini de Chat GPT ye yaptırdım, Yani saçma bir çeviri mevcut yer yer lakin temel mantığı hatırlamak ve aradığım şeyi hızlıca bulabilmek adına yine buraya bırakacağım. Ekleme yapmak isteyen biri olursa yorum olarak yazsın lütfen, diğer kişilerinde Türkçe olarak faydalanabilmesi adına burada durmuş olsun.

Selector (Seçici)ÖrnekAçıklama
*$(“*”)Tüm öğeleri
#id$(“#lastname”)id=”lastname” özelliğine sahip öğe
.class$(“.intro”)class=”intro” özelliğine sahip tüm öğeler
.class,.class$(“.intro,.demo”)class “intro” veya “demo” özelliğine sahip tüm öğeler
element$(“p”)Tüm <p> öğeleri
el1,el2,el3$(“h1,div,p”)Tüm <h1>, <div> ve <p> öğeleri
   
:first$(“p:first”)İlk <p> öğesi
:last$(“p:last”)Son <p> öğesi
:even$(“tr:even”)Tüm çift <tr> öğeleri
:odd$(“tr:odd”)Tüm tek <tr> öğeleri
   
:first-child$(“p:first-child”)Üst öğelerin ilk çocuğu olan tüm <p> öğeleri
:first-of-type$(“p:first-of-type”)Üst öğelerin ilk <p> öğesi olan tüm <p> öğeleri
:last-child$(“p:last-child”)Üst öğelerin son çocuğu olan tüm <p> öğeleri
:last-of-type$(“p:last-of-type”)Üst öğelerin son <p> öğesi olan tüm <p> öğeleri
:nth-child(n)$(“p:nth-child(2)”)Üst öğelerin ikinci çocuğu olan tüm <p> öğeleri
:nth-last-child(n)$(“p:nth-last-child(2)”)Son çocuktan itibaren sayılarak ikinci çocuk olan tüm <p> öğeleri
:nth-of-type(n)$(“p:nth-of-type(2)”)Üst öğelerin ikinci <p> öğesi olan tüm <p> öğeleri
:nth-last-of-type(n)$(“p:nth-last-of-type(2)”)Son <p> öğesinden itibaren sayılarak ikinci <p> öğesi olan tüm <p> öğeleri
:only-child$(“p:only-child”)Üst öğelerin tek çocuğu olan tüm <p> öğeleri
:only-of-type$(“p:only-of-type”)Üst öğelerin tek çocuğu olan ve kendi türünden olan tüm <p> öğeleri
   
ebeveyn > çocuk$(“div > p”)Bir <div> öğesinin doğrudan çocuğu olan tüm <p> öğeleri
ebeveyn torun$(“div p”)Bir <div> öğesinin torunu olan tüm <p> öğeleri
öğe + sonraki$(“div + p”)Her <div> öğesinden sonraki <p> öğesi
öğe ~ kardeşler$(“div ~ p”)<div> öğesinden sonra görünen tüm <p> öğeleri
   
:eq(index)$(“ul li:eq(3)”)Bir listedeki dördüncü öğe (dizin 0’dan başlar)
:gt(no)$(“ul li:gt(3)”)Dizindeki indis değeri 3’ten büyük olan liste öğeleri
:lt(no)$(“ul li:lt(3)”)Dizindeki indis değeri 3’ten küçük olan liste öğeleri
:not(selector)$(“input:not(:empty)”)Boş olmayan tüm giriş öğeleri
   
:header$(“:header”)Tüm başlık öğeleri <h1>, <h2> …
:animated$(“:animated”)Tüm animasyonlu öğeler
:focus$(“:focus”)Mevcut odaklanmış olan öğe
:contains(text)$(“:contains(‘Merhaba’)”)“Merhaba” metnini içeren tüm öğeler
:has(selector)$(“div:has(p)”)Bir <p> öğesi bulunan tüm <div> öğeleri
:empty$(“:empty”)Boş olan tüm öğeler
:parent$(“:parent”)Başka bir öğenin ebeveyni olan tüm öğeler
:hidden$(“p:hidden”)Tüm gizlenmiş <p> öğeleri
:visible$(“table:visible”)Tüm görünür tablolar
:root$(“:root”)Belgenin kök öğesi
:lang(language)$(“p:lang(de)”)“de” ile başlayan bir lang özniteliği değerine sahip tüm <p> öğeleri
   
[attribute]$(“[href]”)Bir href özniteliğine sahip tüm öğeler
[attribute=value]$(“[href=’default.htm’]”)Değeri “default.htm” olan bir href özniteliğine sahip tüm öğeler
[attribute!=value]$(“[href!=’default.htm’]”)Değeri “default.htm” olmayan bir href özniteliğine sahip tüm öğeler
[attribute$=value]$(“[href$=’.jpg’]”)Değeri “.jpg” ile biten bir href özniteliğine sahip tüm öğeler
[attribute|=value]$(“[title|=’Yarın’]”)‘Yarın’ değerine eşit bir title özniteliğine sahip tüm öğeler veya ‘Yarın’ ile başlayan bir title özniteliğine sahip tüm öğeler
[attribute^=value]$(“[title^=’Tom’]”)‘Tom’ ile başlayan bir title özniteliğine sahip tüm öğeler
[attribute~=value]$(“[title~=’merhaba’]”)Belirli bir kelime içeren bir title özniteliğine sahip tüm öğeler
[attribute*=value]$(“[title*=’merhaba’]”)‘merhaba’ kelimesini içeren bir title özniteliğine sahip tüm öğeler
   
:input$(“:input”)Tüm giriş öğeleri
:text$(“:text”)type=”text” olan tüm giriş öğeleri
:password$(“:password”)type=”password” olan tüm giriş öğeleri
:radio$(“:radio”)type=”radio” olan tüm giriş öğeleri
:checkbox$(“:checkbox”)type=”checkbox” olan tüm giriş öğeleri
:submit$(“:submit”)type=”submit” olan tüm giriş öğeleri
:reset$(“:reset”)type=”reset” olan tüm giriş öğeleri
:button$(“:button”)type=”button” olan tüm giriş öğeleri
:image$(“:image”)type=”image” olan tüm giriş öğeleri
:file$(“:file”)type=”file” olan tüm giriş öğeleri
:enabled$(“:enabled”)Tüm etkin giriş öğeleri
:disabled$(“:disabled”)Tüm devre dışı bırakılmış giriş öğeleri
:selected$(“:selected”)Tüm seçili giriş öğeleri
:checked$(“:checked”)Tüm işaretli giriş öğeleri
Paylaş :

Bu gönderiyi paylaş

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.