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