Kann JQuery den Inhalt der ID im Element abrufen?-Front-End-Fragen und Antworten-php.cn

Kann JQuery den Inhalt der ID im Element abrufen?

WBOY

Freigeben： 2022-06-08 10:27:19

Original

1448 Leute haben es durchsucht

jquery kann den Inhalt der ID im Element abrufen. Diese Methode wird zum Festlegen oder Zurückgeben der Attribute und Werte des ausgewählten Elements verwendet Attributwert des angegebenen Elements, nur der erste wird zurückgegeben. Der Wert eines passenden Elements, die Syntax ist „$(selector).attr(“id“)“.

Kann JQuery den Inhalt der ID im Element abrufen?

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

jquery ruft den Inhalt der Element-ID ab.

jquery kann den Inhalt der ID im Element abrufen. Die Methode attr() legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück.

Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.

Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut/Wert-Paare für das passende Element festgelegt.

Die Syntax lautet:

Den Wert des Attributs zurückgeben

$(selector).attr(attribute)

Nach dem Login kopieren

Syntaxerweiterung

Attribute und Werte festlegen:

$(selector).attr(attribute,value)

Nach dem Login kopieren

Funktionen zum Festlegen von Attributen und Werten verwenden:

$(selector).attr(attribute,function(index,currentvalue))

Nach dem Login kopieren

Mehrere Attribute und Werte festlegen:

$(selector).attr({attribute:value, attribute:value,...})

Nach dem Login kopieren

Das Beispiel sieht wie folgt aus:

Rufen Sie den ID-Attributwert des Elements ab.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("图片的id属性值: " + $("img").attr("id"));
});
});
</script>
</head>
<body>
<img src="img_pulpitrock.jpg" alt="Pulpit Rock" width="284"    style="max-width:90%" id="picture">
<br>
<button>返回图片的id属性值</button>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

Nach dem Klicken auf die Schaltfläche: Kann JQuery den Inhalt der ID im Element abrufen?

Video-Tutorial-Empfehlung: Kann JQuery den Inhalt der ID im Element abrufen? jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonKann JQuery den Inhalt der ID im Element abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!