jQuery चयनकर्ता

jQuery के चयनकर्ता jQuery लाइब्रेरी के सबसे महत्वपूर्ण भागों में से एक हैं।

jQuery चयनकर्ता

jQuery के चयनकर्ता आपको HTML तत्वों को चुनने और उनमें हेरफेर करने की अनुमति देते हैं।

jQuery चयनकर्ताओं का उपयोग HTML तत्वों को उनके नाम, आईडी, वर्गों, प्रकारों, विशेषताओं, विशेषताओं के मूल्यों और बहुत कुछ के आधार पर "ढूंढने" (या चयन) करने के लिए किया जाता है। यह मौजूदा सीएसएस चयनकर्ताओं पर आधारित है , और इसके अतिरिक्त, इसके कुछ स्वयं के कस्टम चयनकर्ता भी हैं।

JQuery में सभी चयनकर्ता डॉलर चिह्न और कोष्ठक से शुरू होते हैं: $()।

तत्व चयनकर्ता

JQuery तत्व चयनकर्ता तत्व नाम के आधार पर तत्वों का चयन करता है।

<p>आप इस तरह के पेज पर सभी तत्वों का चयन कर सकते हैं :

$("p")

उदाहरण

जब कोई उपयोगकर्ता किसी बटन पर क्लिक करता है, तो सभी <p>तत्व छिपे होंगे:

उदाहरण

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

#id चयनकर्ता

jQuery चयनकर्ता विशिष्ट तत्व को खोजने के लिए HTML टैग की id विशेषता का उपयोग करता है।#id

एक पृष्ठ के भीतर एक आईडी अद्वितीय होनी चाहिए, इसलिए जब आप एक एकल, अद्वितीय तत्व खोजना चाहते हैं तो आपको #id चयनकर्ता का उपयोग करना चाहिए।

किसी विशिष्ट आईडी वाले तत्व को खोजने के लिए, एक हैश वर्ण लिखें, उसके बाद HTML तत्व की आईडी लिखें:

$("#test")

उदाहरण

जब कोई उपयोगकर्ता किसी बटन पर क्लिक करता है, तो id="test" वाला तत्व छिपा दिया जाएगा:

उदाहरण

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});

.वर्ग चयनकर्ता

JQuery .classचयनकर्ता एक विशिष्ट वर्ग वाले तत्वों को ढूंढता है।

एक विशिष्ट वर्ग के तत्वों को खोजने के लिए, एक आवर्त वर्ण लिखें, उसके बाद वर्ग का नाम लिखें:

$(".test")

उदाहरण

जब कोई उपयोगकर्ता किसी बटन पर क्लिक करता है, तो वर्ग = "परीक्षण" वाले तत्व छिपे होंगे:

उदाहरण

$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});