W3.JS selektorlar
W3.JS selektorlari
W3.JS HTML elementlarni tanlaydi va tanlangan element(lar) ustida amallar bajaradi:
w3.action(selector)
- action() tanlangan element(lar) ustida bajariladi
- (selector) HTML element(lar)ni tanlaydi
CSS selektorlari bilan tanishmisiz?
W3.JS HTML elementlarni tanlash va ular ustida amallar bajarish uchun CSS sintaksisidan foydalanadi.
Selektorlar HTML elementlarni ularning teg nomi, id’si, klasslari, turlari, atributlari, atribut qiymatlari va boshqa ko‘plab jihatlariga ko‘ra "topish" (tanlash) uchun ishlatiladi. Barcha selektorlar ro‘yxatini CSS selektorlari ma’lumotnomamizda topishingiz mumkin.
Selektor misollari
HTML elementlarni tanlash uchun teg nomidan foydalaning:
Muayyan id’ga ega elementni tanlash uchun panjara (#) belgisini, undan keyin esa HTML elementining id’sini yozing:
Muayyan klassga ega elementlarni tanlash uchun nuqta belgisini, undan keyin esa klass nomini yozing:
Ko‘proq selektor misollari
| Selektor | Tavsif | Misol |
|---|---|---|
| ("*") | Hujjatdagi barcha elementlarni tanlaydi | Sinab ko‘ring |
| (this) | Joriy HTML elementni tanlaydi | Sinab ko‘ring |
| ("p.intro") | class="intro" bo‘lgan barcha <p> elementlarini tanlaydi | Sinab ko‘ring |
| ("div p") | Barcha <div> elementlari ichidagi barcha <p> elementlarini tanlaydi | Sinab ko‘ring |
| ("div p:first-child") | Barcha <div> elementlari ichidagi birinchi <p> elementini tanlaydi | Sinab ko‘ring |
| ("[href]") | href atributiga ega barcha elementlarni tanlaydi | Sinab ko‘ring |
| ("a[target=_blank]") | target atributining qiymati "_blank" ga teng bo‘lgan barcha <a> elementlarini tanlaydi | Sinab ko‘ring |
| ("p:nth-child(even)") | Barcha juft <p> elementlarini tanlaydi | Sinab ko‘ring |
Barcha CSS selektorlari bo‘yicha to‘liq ma’lumot uchun CSS selektorlari ma’lumotnomamizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!