Kann jquery Elementen neue Attribute hinzufügen?

WBOY
Freigeben: 2022-06-17 16:35:10
Original
1803 Leute haben es durchsucht

jquery kann neue Attribute zu Elementen hinzufügen; jquery kann die Methode attr() verwenden, um die Attribute und Werte des angegebenen Elements festzulegen oder zurückzugeben wird auf das neu hinzugefügte Attribut gesetzt, der zweite Parameter kann auf den Wert des neuen Attributs gesetzt werden und die Syntax lautet „$(selector).attr(attribute,value)“.

Kann jquery Elementen neue Attribute hinzufügen?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.

Kann JQuery neue Attribute zu Elementen hinzufügen?

Kann JQuery neue Attribute zu Elementen hinzufügen?

attr()-Methode 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.

Syntax

Den Wert des Attributs zurückgeben:

$(selector).attr(attribute)
Nach dem Login kopieren

Attribut und Wert festlegen:

$(selector).attr(attribute,value)
Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<!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(){
$("img").attr({width:"150",height:"100"});
});
});
</script>
</head>
<body>
<img src="img_pulpitrock.jpg" alt="Pulpit Rock" >
<br>
<button>给图片设置宽度和高度属性</button>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Kann jquery Elementen neue Attribute hinzufügen?

Video-Tutorial-Empfehlung: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonKann jquery Elementen neue Attribute hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage