So ändern Sie das Typattribut in jquery

In jquery können Sie die Methode attr() verwenden, um das Typattribut des Elements zu ändern. Die Syntax lautet „$(selector).attr(“type“, neuer Wert)“ Oder „$(selector).attr({type:newvalue})“.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

In jquery kann der Typ durch Abrufen des Eingabeobjekts mithilfe der attr()-Methode geändert werden. Syntax:

$(selector).attr("type","新值");
$(selector).attr({type:新值});

Beispiel:

Verwenden Sie im p-Tag das Eingabe-Tag, um ein Eingabefeld zu erstellen und dessen Wert als Standardwert auf abcdefg festzulegen.

Setzen Sie in der Datei test.html den ID-Attributwert des Eingabe-Tags auf tuinput, der hauptsächlich zum Abrufen des Eingabeobjekts über diese ID unten verwendet wird.

In der Datei test.html verwenden Sie das Button-Tag, um eine Schaltfläche mit dem Schaltflächennamen „Eingabetypattribut ändern“ zu erstellen.

Binden Sie in der Datei test.html das Klickereignis onclick an die Schaltfläche. Wenn auf die Schaltfläche geklickt wird, wird die Funktion editype() ausgeführt.

Erstellen Sie im js-Tag die Funktion editype(). Rufen Sie innerhalb der Funktion das Eingabeobjekt über id(tuinput) ab und verwenden Sie die Methode attr(), um den Typattributwert in Passwort zu ändern.

Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um den Effekt zu sehen.

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Typattribut in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!