JQuery-Formularfilter

Formularfilter

1 Formularsteuerelemente nach Typ auswählen

CSS-Schreibmethode, nur alle Eingaben werden ausgewählt, andere Steuerelemente können nicht ausgewählt werden

$('input').css('background-color', 'lightgreen')

jquery Zum Schreiben , fügen Sie einfach einen Doppelpunkt davor ein. Mit Ausnahme von „input“, „select“, „button“ und „textarea“ können Sie

$(':input').css('background-color', 'lightgreen')

auswählen. Wenn Sie nur das Tag „input“ auswählen möchten, fügen Sie das Tag „limit: input“ vor „input“ hinzu . Zu diesem Zeitpunkt entspricht es vollständig dem CSS-Syntaxeffekt

$('input:input').css('background-color', 'lightgreen')

:Eingabe: Die ursprüngliche Absicht besteht darin, alle Formularsteuerelemente auszuwählen. Sie können CSS-Attribute verwenden, um es später einzuschränken, z. B. das Abrufen des Kennwortfelds 🎜>

$(':input[type="password"]').css('background-color', 'lightgreen')

Zusätzlich zur späteren Verwendung von CSS wird zusätzlich zur Einschränkung von Attributen die Verwendung von JQuery-Filtern empfohlen. Der Passwortfeldfilter lautet beispielsweise: Passwort

$(':input:password').css('background-color', 'lightgreen')

Ändern Sie die Farbe, um das anzuzeigen Unterschied. Wie hier zu sehen ist, werden Kettenoperationen auch zwischen Filtern unterstützt

: Eingabe, nur Formularelemente auswählen, ausgenommen: Datei,: Bild, :Eingabe Das haben wir bereits getan

Nur ​​den Dateityp auswählen

$(':input:password').css('background-color', 'skyblue')

Nur ​​das Textfeld auswählen:Typ ="text"

$(':file').css('background-color', 'lightgreen')

Wählen Sie nur die Schaltfläche „Senden“ aus

$(':text').css('color',"red")

Das obige ist der detaillierte Inhalt vonJQuery-Formularfilter. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!