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) | Örnek | Açı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 |
Bir yanıt yazın