टेक्स्ट सेलेक्टर

सेलेक्टर :text टाइप text वाले इनपुट का चयन करता है। टैग input देखें। चूंकि :text CSS स्पेसिफिकेशन से संबंधित नहीं है, इसलिए आधुनिक ब्राउज़रों में बेहतर प्रदर्शन के लिए इसके स्थान पर [type='text'] का उपयोग करना बेहतर है।

सिंटैक्स

इस तरह हम टाइप text वाले इनपुट का चयन करते हैं:

javascript$(':text');

अन्य स्यूडो-क्लास सेलेक्टरों की तरह (जो ':' से शुरू होते हैं), ':' से पहले टैग नाम या कोई अन्य सेलेक्टर लगाना बेहतर होता है, अन्यथा सेलेक्टर '*' लागू हो जाएगा, यानी $(':text') को $('*:text') की तरह समझा जाएगा, इसलिए इसके बजाय $('input:text') का उपयोग करना बेहतर है। यह याद रखना चाहिए कि :text उन सभी इनपुट का भी चयन करेगा जिनमें type एट्रिब्यूट निर्दिष्ट नहीं है, व्यवहार में अंतर निम्नलिखित उदाहरण में देखा जा सकता है:

javascript$('<input>').is('[type=text]'); // false लौटाएगा
$('<input>').is(':text'); // true लौटाएगा

उदाहरण

आइए, टाइप text वाले सभी इनपुट का चयन करें और css मेथड की मदद से उन्हें हरा बैकग्राउंड और लाल बॉर्डर दें:

html<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>

javascript$('form input:text').css({background: 'green', border: '2px red solid'});

$('form').submit(function(event) {
  event.preventDefault(); // फॉर्म सबमिशन रोकता है
});

यह भी देखें