जक्वेरी चयनक
- पिछला पृष्ठ जक्वेरी व्याकरण
- अगला पृष्ठ जक्वेरी घटना
सेलेक्टर आपको एलिमेंट समूह या एकल एलिमेंट पर काम करने की अनुमति देते हैं।
जक्वेरी चयनक
पिछले चाप्टर में, हमने HTML एलिमेंट को चुनने के लिए कुछ उदाहरण दिखाए हैं।
की बात यह है कि jQuery सेलेक्टर कैसे ठीक से आप जो एलिमेंट पर इफेक्ट लगाना चाहते हैं, उसे चुनते हैं।
jQuery एलीमेंट चयनकर्ता और गुण चयनकर्ता आपको टैग नाम, गुण नाम या सामग्री के द्वारा HTML एलीमेंट को चयन करने की अनुमति देते हैं।
चयनकर्ता आपको HTML एलीमेंट समूह या एकल एलीमेंट पर कार्य करने की अनुमति देता है。
HTML डॉम शब्दावली में:
चयनकर्ता आपको डॉम एलीमेंट समूह या एकल डॉम नोड पर कार्य करने की अनुमति देता है。
jQuery एलीमेंट चयनकर्ता
jQuery CSS चयनकर्ता एचटीएमएल एलीमेंट को चयन करने के लिए उपयोग किया जाता है。
$("p") <p> एलीमेंट को चयन करता है。
$("p.intro") class="intro" के सभी <p> एलीमेंट को चयन करता है。
$("p#demo") id="demo" के सभी <p> एलीमेंट को चयन करता है。
jQuery गुण चयनकर्ता
jQuery XPath अभिव्यक्ति का उपयोग करता है ताकि दिए गए गुण वाले एलीमेंट को चयन किया जा सके。
$("[href]") सभी href गुण वाले एलीमेंट को चयन करता है。
$("[href='#']") "#" मान के सभी एलीमेंट को चयन करता है。
$("[href!='#']") "#" मान से नहीं समाप्त होने वाले href मान के सभी एलीमेंट को चयन करता है。
$("[href$='.jpg']") ".jpg" से समाप्त होने वाले href मान के सभी एलीमेंट को चयन करता है。
jQuery CSS चयनकर्ता
jQuery CSS चयनकर्ता एचटीएमएल एलीमेंट के CSS गुण को बदलने के लिए उपयोग किया जाता है。
नीचे दिए गए उदाहरण में सभी p एलीमेंट का पृष्ठभूमि रंग लाल कर दिया गया है:
उदाहरण
$("p").css("background-color","red");
अधिक चयनकर्ता उदाहरण
| व्याकरण | वर्णन |
|---|---|
| $(this) | वर्तमान HTML एलीमेंट |
| $("p") | सभी <p> एलीमेंट |
| $("p.intro") | सभी class="intro" के <p> एलीमेंट |
| $(".intro") | सभी class="intro" के एलीमेंट |
| $("#intro") | id="intro" के एलीमेंट |
| $("ul li:first") | प्रत्येक <ul> के पहले <li> एलीमेंट |
| $("[href$='.jpg']") | सभी ".jpg" से समाप्त होने वाले विशेषता वाले href विशेषता |
| $("div#intro .head") | id="intro" के <div> एलीमेंट में सभी class="head" एलीमेंट |
पूर्ण संदर्भ पुस्तिका के लिए हमारे jQuery चयनकर्ता संदर्भ पुस्तिका。
- पिछला पृष्ठ जक्वेरी व्याकरण
- अगला पृष्ठ जक्वेरी घटना
