बटन सेलेक्टर
सेलेक्टर :button बटन तत्वों और
button प्रकार वाले सभी तत्वों का चयन करता है। देखें
टैग button,
input
button प्रकार के साथ।
$(':button') के समतुल्य है
$('button'), $("input[type='button']")।
चूंकि :button CSS स्पेसिफिकेशन से संबंधित नहीं है,
आधुनिक ब्राउज़रों में बेहतर प्रदर्शन के लिए शुद्ध CSS-सेलेक्टर का उपयोग करके
तत्वों को फ़िल्टर करना बेहतर है, और फिर
.filter(':button') लागू करें।
सिंटैक्स
इस तरह हम बटनों का चयन करते हैं:
$(':button');
उदाहरण
आइए, ऊपर दिए गए सिद्धांत के अनुसार,
सभी बटनों का चयन करें और उन्हें हरा बैकग्राउंड और
लाल बॉर्डर दें, उनमें marked क्लास जोड़कर
addClass मेथड का उपयोग करके:
<form>
<input type="button" value="button">
<input type="file">
<button>button</button>
<input type="reset">
<input type="radio">
<input type="text">
</form>
.marked {
background-color: green;
border: 2px red solid;
}
$(':button').addClass('marked');
$('form').submit(function(event) {
event.preventDefault(); // फॉर्म सबमिशन रोकता है
});
