Heim > Artikel > Web-Frontend > Kann JQuery benutzerdefinierte Attribute erhalten?
jquery kann benutzerdefinierte Attribute abrufen; Sie können die Methode attr() verwenden, um benutzerdefinierte Attribute abzurufen. Diese Methode wird verwendet, um den Attributwert des ausgewählten Elements einschließlich benutzerdefinierter Attribute festzulegen oder zurückzugeben, wenn nur die abzurufenden Attribute angegeben werden Im Parameter wird der angegebene Attributwert zurückgegeben und die Syntax lautet „element object.attr (benutzerdefiniertes Attribut)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
attr()-Methode legt den Attributwert des ausgewählten Elements fest oder gibt ihn zurück.
Je nach den unterschiedlichen Parametern dieser Methode ist auch ihre Arbeitsweise unterschiedlich.
Gibt den Attributwert des ausgewählten Elements zurück.
Syntax
$(selector).attr(attribute)
attribute gibt das Attribut an, dessen Wert ermittelt werden soll.
Das Beispiel lautet wie folgt:
Get attribute-attr()
<div id="tiny" value="1090"></div>
jquery value:
$("#tiny").attr("value");
Holen Sie sich das benutzerdefinierte Attribut
<div id="tiny" value="1090" data_obj="userDefineAttr"></div>
jquery value:
$("#tiny").attr("data_obj");
The Beispiel ist wie folgt:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ alert($("img").attr("city")); }); }); </script> </head> <body> <img src="/i/eg_smile.gif" style="max-width:90%" style="max-width:90%" city="hefei"/ alt="Kann JQuery benutzerdefinierte Attribute erhalten?" > <br /> <button>返回图像的宽度</button> </body> </html>
Ausgabeergebnis:
Nach dem Klicken auf die Schaltfläche:
Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonKann JQuery benutzerdefinierte Attribute erhalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!