Heim > Artikel > Web-Frontend > So ändern Sie den Namen in JQuery
In jquery können Sie den Namen mit der Methode attr() ändern oder zurückgeben. Der erste Parameter wird auf das Namensattribut gesetzt und der zweite Der Parameter ist auf das geänderte Namensattribut festgelegt. Der Wert ist ausreichend und die Syntax lautet „element object.attr('name','changed name value')".
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
In jquery können Sie das Eingabeobjekt abrufen und die Methode attr() verwenden, um den Namensattributwert der Eingabe zu ändern.
Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie jquery ändert den Eingabenamen. Verwenden Sie im p-Tag das Eingabe-Tag, um ein Textfeld zu erstellen und dessen Namensattributwert auf Benutzer festzulegen. Setzen Sie die ID des Eingabe-Tags auf myinput. Dies wird hauptsächlich verwendet, um das Eingabeobjekt über diese ID unten abzurufen.
Verwenden Sie das Schaltflächen-Tag, um eine Schaltfläche mit dem Schaltflächennamen „Namensattribut ändern“ zu erstellen. Binden Sie das Onclick-Click-Ereignis an die Schaltfläche. Wenn auf die Schaltfläche geklickt wird, wird die Funktion editname() ausgeführt.
Erstellen Sie im js-Tag die Funktion editname(). Rufen Sie innerhalb der Funktion das Eingabeobjekt über id(myinput) ab und verwenden Sie die Methode attr(), um das Namensattribut in Benutzername zu ändern
Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um den Quellcode anzuzeigen. Zusammenfassung: 1 Erstellen Sie eine test.html-Datei. 2. Verwenden Sie in der Datei im p-Tag das Eingabe-Tag, um ein Textfeld zu erstellen, legen Sie dessen Namensattributwert auf Benutzer fest und erstellen Sie eine Schaltfläche, um die Ausführung der js-Funktion auszulösen. 3. Erstellen Sie im js-Tag eine Funktion, rufen Sie innerhalb der Funktion das Eingabeobjekt ab und verwenden Sie die Methode attr(), um das Namensattribut in Benutzername zu ändern. Die Methode Notesattr() ändert nicht nur den Namensattributwert, sondern auch den Attributwert des Elements. Empfohlene verwandte Video-Tutorials:Das obige ist der detaillierte Inhalt vonSo ändern Sie den Namen in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!