Heim >Web-Frontend >Front-End-Fragen und Antworten >So ändern Sie den Attributwert von div in jquery
So ändern Sie den Attributwert von div in jquery
- 青灯夜游Original
- 2022-06-10 15:40:373037Durchsuche
Zwei Methoden zum Ändern des Attributwerts: 1. Verwenden Sie attr(), um den Attributwert zu ändern, die Syntax „$(“div“).attr(“Attribute name“, „New attribute value“);“ ("div ").attr({Attribut 1: „Neuer Wert“, Attribut 2: „Neuer Wert“....});“. 2. Verwenden Sie prop(), um den Attributwert zu ändern. Die Syntax lautet „$(“div“).prop(“property name“,“new value“);“ oder „$(“div“).prop({property 1:"neuer Wert",Attribute2:"Neuer Wert"...});".
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.0-Version, Dell G3-Computer.
Zwei Möglichkeiten, den div-Attributwert mit jquery zu ändern
Methode 1: Verwenden Sie attr(), um den Attributwert zu ändern
Änderungssyntax:
//单个属性
$("div").attr("属性名","新属性值");
//多个个属性
$("div").attr({属性1:"新值",属性2:"新值"....});Beispiel: Ändern Sie den Wert des Stilattributs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="./js/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("div").attr("style","height:100px;background-color: #AFEEEE;");
});
});
</script>
</head>
<body>
<div style="height: 150px;border: 1px solid red;"></div>
<br>
<button>修改div的属性值</button>
</body>
</html>
Methode 2: Verwenden Sie prop(), um den Attributwert zu ändern.
Ändern Sie die Syntax:
//单个属性
$("div").prop("属性名","新值");
//多个个属性
$("div").prop({属性1:"新值",属性2:"新值"....});Beispiel: Ändern Sie das Klassenattribut :
jQuery-Video-Tutorial, 
Das obige ist der detaillierte Inhalt vonSo ändern Sie den Attributwert von div in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!