सबमिट सेलेक्टर
:submit सेलेक्टर
submit प्रकार वाले एलिमेंट्स का चयन करता है,
जो फॉर्म सबमिट बटन होते हैं।
आमतौर पर :submit सेलेक्टर बटन
या इनपुट एलिमेंट्स पर लागू होता है। यह याद रखना जरूरी है कि कुछ
ब्राउज़र button एलिमेंट को
[type='submit'] वाला मानते हैं, जबकि
दूसरे इसके विपरीत होते हैं। सही काम करवाने के लिए
हमेशा type प्रॉपर्टी निर्दिष्ट करें।
चूंकि :submit CSS स्पेसिफिकेशन का हिस्सा नहीं है,
आधुनिक ब्राउज़रों में बेहतर परफॉर्मेंस के लिए इसके स्थान पर
[type='submit'] का उपयोग करना बेहतर है।
सिंटैक्स
इस तरह हम submit प्रकार वाले एलिमेंट्स का चयन करते हैं:
$(':submit');
उदाहरण
आइए, ऊपर दी गई थ्योरी के अनुसार,
td एलिमेंट्स के डिसेंडेंट्स वाले सभी
submit प्रकार वाले एलिमेंट्स का चयन करें।
इन td को हरा बैकग्राउंड
और लाल बॉर्डर दें css मेथड का उपयोग करके:
<form>
<table border="1" cellpadding="10" align="center">
<tr><th>Element</th></tr>
<tr><td><input type="button" value="button"></td></tr>
<tr><td><input type="file"></td></tr>
<tr><td><input type="password"></td></tr>
<tr><td><button>button</button></td></tr>
<tr><td><input type="reset"></td></tr>
<tr><td><input type="submit"></td></tr>
<tr><td><input type="radio" name="test"></td></tr>
<tr><td><input type="checkbox"></td></tr>
<tr><td><button type="submit">button</button></td></tr>
<tr><td><input type="text"></td></tr>
</table>
</form>
$('td:submit')
.parent('td')
.css({background: 'green', border: '2px red solid'})
.end();
$('form').submit(function(event) {
event.preventDefault(); // फॉर्म की सबमिशन रोकता है
});
