Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie das Typattribut in jquery

So ändern Sie das Typattribut in jquery

青灯夜游
青灯夜游Original
2022-03-01 18:20:543741Durchsuche

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})“.

So ändern Sie das Typattribut in jquery

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.

So ändern Sie das Typattribut in jquery

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.

So ändern Sie das Typattribut in jquery

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

So ändern Sie das Typattribut in jquery

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.

So ändern Sie das Typattribut in jquery

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.

So ändern Sie das Typattribut in jquery

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

So ändern Sie das Typattribut in jquery

So ändern Sie das Typattribut in jquery

【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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn