Heim >Web-Frontend >Front-End-Fragen und Antworten >Was bedeutet attr in jquery
Was bedeutet attr in jquery
- 青灯夜游Original
- 2022-04-28 18:00:155168Durchsuche
In jquery lautet der vollständige Name von attr „Attribut“, was „Attribut“ bedeutet. Es handelt sich um eine Attributoperationsmethode, die den Attributwert des Elements zurückgeben kann. Die Syntax lautet „element.attr(„Attributname“). "; kann auch für das Element festgelegt werden. Ein oder mehrere Attribut/Wert-Paare, die Syntax lautet „element.attr({attribute:value,attribute:value...})“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
In Jquery lautet der vollständige Name von attr „Attribut“, was auf Chinesisch „Attribut“ bedeutet.
attr() ist eine Attributoperationsmethode in jquery, die die Attribute und Werte des ausgewählten Elements festlegen oder zurückgeben kann.
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-/Wertpaare für das passende Element festgelegt.
Syntax:
Gibt den Wert des Attributs zurück:
$(selector).attr("属性名")Setzen Sie das Attribut und den Wert ein:
//设置单个属性和值：
$(selector).attr("属性","值")
//设置多个属性和值：
$(selector).attr({属性:值,属性:值,...})Beispiel 1: Geben Sie den Attributwert zurück.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
alert("图片宽度: " + $("img").attr("width"));
});
});
</script>
</head>
<body>
<img src="img/1.jpg" alt="Pulpit Rock" width="284" style="max-width:90%">
<br>
<button>返回图片的宽度</button>
</body>
</html>
Beispiel 2 :Legen Sie das Bildbreitenattribut fest
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("img").attr("width","500");
});
});
</script>
</head>
<body>
<img src="img/1.jpg" alt="Pulpit Rock" width="284" style="max-width:90%">
<br>
<button>为图片设置width属性</button>
</body>
</html>
Beispiel 3: Festlegen mehrerer Attribut- und Wertepaare
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("img").attr({width:"150",height:"100"});
});
});
</script>
</head>
<body>
<img src="img/1.jpg" alt="Pulpit Rock" width="284" style="max-width:90%">
<br>
<button>给图片设置宽度和高度属性</button>
</body>
</html>
[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]
Das obige ist der detaillierte Inhalt vonWas bedeutet attr in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!