محددات W3.JS
محددات W3.JS
يحدد W3.JS عناصر HTML وينفذ إجراءات على العنصر (العناصر) المحدد:
w3.action(selector)
- يتم تنفيذ الإجراء () على العنصر (العناصر) المحددة
- يحدد ( المحدد ) عنصر (عناصر) HTML
مثال
w3.hide('p') // Hide all <p> elements
هل تعرف محددات CSS؟
يستخدم W3.JS بناء جملة CSS لتحديد عناصر HTML ومعالجتها.
تُستخدم المحددات "لإيجاد" (تحديد) عناصر HTML بناءً على اسم العلامة والمعرف والفئات والأنواع والسمات وقيم السمات وغير ذلك الكثير. يمكن العثور على قائمة بجميع المحددات في مرجع محدد CSS الخاص بنا .
أمثلة على المحدد
لتحديد عناصر HTML ، استخدم اسم العلامة:
إخفاء جميع عناصر <h2>:
w3.hide('h2')
لتحديد عنصر بمعرف محدد ، اكتب حرف تجزئة متبوعًا بمعرف عنصر HTML:
إخفاء عنصر بالمعرف = "London":
w3.hide('#London')
لتحديد عناصر بفئة معينة ، اكتب حرف فترة ، متبوعًا باسم الفصل:
إخفاء كل العناصر مع class = "city":
w3.hide('.city')
المزيد من أمثلة المحدد
| 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 |
للحصول على مرجع كامل لجميع محددات CSS ، يرجى الانتقال إلى مرجع محددات CSS الخاص بنا .