Maison > Article > interface Web > Que signifie attr dans jquery
Que signifie attr dans jquery
- 青灯夜游original
- 2022-04-28 18:00:155113parcourir
Dans jquery, le nom complet de attr est "attribute", ce qui signifie "attribut". Il s'agit d'une méthode d'opération d'attribut qui peut renvoyer la valeur d'attribut de l'élément. La syntaxe est "element.attr("nom d'attribut"). "; il peut également être défini pour l'élément. Une ou plusieurs paires attribut/valeur, la syntaxe est "element.attr({attribut:value,attribute:value...})".
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
En jquery, le nom complet d'attr est "attribut", ce qui signifie "attribut" en chinois.
attr() est une méthode d'opération d'attribut dans jquery qui peut définir ou renvoyer les attributs et les valeurs de l'élément sélectionné.
Lorsque cette méthode est utilisée pour renvoyer une valeur d'attribut, la valeur du premier élément correspondant est renvoyée.
Lorsque cette méthode est utilisée pour définir des valeurs d'attribut, une ou plusieurs paires attribut/valeur sont définies pour l'élément correspondant.
Syntaxe :
Renvoyer la valeur de l'attribut :
$(selector).attr("属性名")Définir l'attribut et la valeur :
//设置单个属性和值：
$(selector).attr("属性","值")
//设置多个属性和值：
$(selector).attr({属性:值,属性:值,...})Exemple 1 : Renvoyer la valeur de l'attribut
<!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> 
Exemple 2 :Définissez l'attribut de largeur de l'image
<!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>
Exemple 3 : Définition de plusieurs paires d'attributs et de valeurs
<!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>
[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo frontale Web]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!