W3.JS Seçiciler
W3.JS Seçiciler
W3.JS , HTML öğelerini seçer ve seçilen öğe(ler) üzerinde eylemler gerçekleştirir:
w3.action(selector)
- Eylem () seçilen öğe(ler) üzerinde gerçekleştirilir
- ( seçici ) HTML öğelerini seçer
Örnek
w3.hide('p') // Hide all <p> elements
CSS seçicilerine aşina mısınız?
W3.JS, HTML öğelerini seçmek ve işlemek için CSS sözdizimini kullanır.
Seçiciler, etiket adlarına, kimliklerine, sınıflarına, türlerine, özniteliklerine, öznitelik değerlerine ve çok daha fazlasına dayalı olarak HTML öğelerini "bulmak" (seçmek) için kullanılır. Tüm seçicilerin bir listesi CSS Seçici Referansımızda bulunabilir .
Seçici Örnekler
HTML öğelerini seçmek için bir etiket adı kullanın:
Tüm <h2> öğelerini gizle:
w3.hide('h2')
Belirli bir kimliğe sahip bir öğe seçmek için, bir karma karakter ve ardından HTML öğesinin kimliğini yazın:
id="Londra" ile bir öğeyi gizleyin:
w3.hide('#London')
Belirli bir sınıfa sahip öğeleri seçmek için, bir nokta karakteri ve ardından sınıfın adını yazın:
class="city" ile tüm öğeleri gizle:
w3.hide('.city')
Daha Fazla Seçici Örnek
| Selector | Description | Example |
|---|---|---|
| ("*") | Selects all elements in the document | |
| (this) | Selects the current HTML element | |
| ("p.intro") | Selects all <p> elements with class="intro" | |
| ("div p") | Selects all <p> element inside all <div> elements | |
| ("div p:first-child") | Selects the first <p> element inside all <div> elements | |
| ("[href]") | Selects all elements with an href attribute | |
| ("a[target=_blank]") | Selects all <a> elements with a target attribute value equal to "_blank" | |
| ("p:nth-child(even)") | Selects all even <p> elements |
Tüm CSS seçicilerinin eksiksiz bir referansı için lütfen CSS Seçici Referansımıza gidin .