Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Attribute zu Tags in JQuery hinzu

So fügen Sie Attribute zu Tags in JQuery hinzu

青灯夜游
青灯夜游Original
2021-11-22 09:49:466649Durchsuche

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

So fügen Sie Attribute zu Tags in JQuery hinzu

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.

So fügen Sie Attribute zu Tags in JQuery hinzu

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.

So fügen Sie Attribute zu Tags in JQuery hinzu

Verwenden Sie in der Datei test.html das p-Tag, um eine Testtextzeile zu erstellen.

So fügen Sie Attribute zu Tags in JQuery hinzu

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.

So fügen Sie Attribute zu Tags in JQuery hinzu

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.

So fügen Sie Attribute zu Tags in JQuery hinzu

Öffnen Sie die Datei test.html im Browser, klicken Sie auf die Schaltfläche, um den Quellcode anzuzeigen und die Ergebnisse anzuzeigen.

So fügen Sie Attribute zu Tags in JQuery hinzu

So fügen Sie Attribute zu Tags in JQuery hinzu

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!

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