Dieses Tutorial erklärt die Verwendung von Textauswahl In jQuery. Der Textauswahl Wählt nur die Textelemente im Formular aus. Es wählt alle -Elemente im Dokument aus. Der Textselektor ähnelt $(‚(type=text)‘), der den Textinhalt aller übereinstimmenden Elemente zurückgibt. Es wird empfohlen, dass es mit einem Doppelpunkt (:) vor dem Tag-Namen beginnt; andernfalls wird standardmäßig der universelle Selektor verwendet [Beispiel für ein auswählbares JQueryUI-Widget](https://javatipps.de/beispiel-fuer-ein-auswaehlbares-jqueryui-widget/) Dadurch werden alle Elemente auf einer Seite ausgewählt. $(“: text”) Syntax der JQuery-Textauswahl <!doctype html> <head> <title>JQuery Text Selector</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> </head> <h2>JQuery Text Selector Example</h2> <style> input:valid{ background:pink; } </style> <script type="text/javascript"> $(document).ready(function(){ $(":text").css("border","3px dotted blue"); }); </script> <body> <p>Name : <input type="text" name="uname"/></p> <p>Password: <input type="password" name="pwd"/></p> <p>Email : <input type="email" name="address"/></p> <p>Gender : <input type="radio" name="option" value="male"/>Male <input type="radio" name="option" value="female"/>Female</p> <p> Select your favourite sport: <input type="checkbox" name="myoption" value="Cricket" checked/>Cricket <input type="checkbox" name="myoption" value="Football"/>Football <input type="checkbox" name="myoption" value="Hockey"/>Hockey</p> <input type="button" value="Submit"/> <input type="button" value="Reset"/> </body> </html> Beispiel für eine JQuery-Textauswahl Wie im obigen Programm gezeigt, haben wir den Code in $(document).ready verwendet, bei dem es sich um ein Ereignis handelt, das ausgelöst wird, wenn das Dokument bereit ist. Es wird ausgeführt, sobald das Seitendokumentobjektmodell für die Ausführung von JavaScript-Code bereit ist. $(“:text”).css(“border“,3px dotted blue“); Zeile definiert einen Textselektor, der alle Elemente des Eingabetyps Text auswählt. Die ausgewählten Elemente werden mit einem blau gepunkteten Rand angezeigt. Demo zur JQuery-Textauswahl Wenn Sie das obige Beispiel ausführen, erhalten Sie die folgende Ausgabe: Beispiel für eine JQuery-Textauswahl Beispiel für eine JQuery-Textauswahl