Heim >Web-Frontend >js-Tutorial >So fügen Sie Attribute zu Tags in JQuery hinzu
In jquery können Sie die Methode attr() verwenden, um Attribute zu Tags hinzuzufügen. Diese Methode kann den Attributwert des ausgewählten Elements festlegen. Die Syntax lautet „$(selector).attr(“Attribute name“, „Attribute value“. ")" oder "$(selector).attr({attribute name:"attribute value"})".
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
In jquery können Sie die Methode attr() verwenden, um Attribute zu Tags hinzuzufügen. Diese Methode kann den Attributwert des ausgewählten Elements festlegen oder zurückgeben. Entsprechend den verschiedenen Parametern dieser Methode ist auch ihre Arbeitsmethode unterschiedlich.
Syntax:
$(selector).attr("属性名","属性值") $(selector).attr({属性名:"属性值"})
Sehen wir uns an, wie man mit der attr()-Methode Attribute zu Tags hinzufügt:
Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie JQuery Attribute zu Tags hinzufügt.
Fügen Sie die Bibliotheksdatei jquery.min.js in die Datei test.html ein und laden Sie die Datei erfolgreich, um die Methoden in jquery zu verwenden.
Verwenden Sie in der Datei test.html das p-Tag, um eine Testtextzeile zu erstellen.
Verwenden Sie in der Datei test.html das Button-Tag, um eine Schaltfläche zu erstellen, binden Sie das Onclick-Klickereignis an die Schaltfläche und führen Sie die Funktion addsx() aus, wenn auf die Schaltfläche geklickt wird.
Erstellen Sie im js-Tag die Funktion addsx(). Rufen Sie innerhalb der Funktion das p-Tag-Objekt über den Elementnamen ab und verwenden Sie die Methode attr(), um die ID des p-Tags auf mypp festzulegen.
Öffnen Sie die Datei test.html im Browser, klicken Sie auf die Schaltfläche, um den Quellcode anzuzeigen und die Ergebnisse anzuzeigen.
Empfohlene verwandte Video-Tutorials: jQuery-Tutorial(Video)
Das obige ist der detaillierte Inhalt vonSo fügen Sie Attribute zu Tags in JQuery hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!