W3.JS चयनकर्ता
W3.JS चयनकर्ता
W3.JS HTML तत्वों का चयन करता है और चयनित तत्वों पर कार्रवाई करता है:
w3.action(selector)
- क्रिया () चयनित तत्वों पर की जाती है
- ( चयनकर्ता ) HTML तत्व (तत्वों) का चयन करता है
उदाहरण
w3.hide('p') // Hide all <p> elements
क्या आप CSS चयनकर्ताओं से परिचित हैं?
W3.JS HTML तत्वों का चयन और हेरफेर करने के लिए CSS सिंटैक्स का उपयोग करता है।
चयनकर्ताओं का उपयोग HTML तत्वों को उनके टैग नाम, आईडी, वर्गों, प्रकारों, विशेषताओं, विशेषताओं के मूल्यों और बहुत कुछ के आधार पर "ढूंढने" (चयन) करने के लिए किया जाता है। सभी चयनकर्ताओं की सूची हमारे सीएसएस चयनकर्ता संदर्भ में पाई जा सकती है ।
चयनकर्ता उदाहरण
HTML तत्वों का चयन करने के लिए, एक टैग नाम का उपयोग करें:
सभी <h2> तत्व छुपाएं:
w3.hide('h2')
किसी विशिष्ट आईडी वाले तत्व का चयन करने के लिए, एक हैश वर्ण लिखें, उसके बाद HTML तत्व की आईडी लिखें:
आईडी = "लंदन" के साथ एक तत्व छुपाएं:
w3.hide('#London')
एक विशिष्ट वर्ग वाले तत्वों का चयन करने के लिए, एक आवर्त वर्ण लिखें, उसके बाद वर्ग का नाम लिखें:
वर्ग = "शहर" के साथ सभी तत्वों को छुपाएं:
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 चयनकर्ता संदर्भ पर जाएँ ।