Maison > Article > interface Web > Jquery peut-il obtenir le contenu de l'identifiant dans l'élément ?
Jquery peut-il obtenir le contenu de l'identifiant dans l'élément ?
- WBOYoriginal
- 2022-06-08 10:27:191413parcourir
jquery peut obtenir le contenu de l'identifiant dans l'élément ; il peut être obtenu en utilisant la méthode attr(). Cette méthode est utilisée pour définir ou renvoyer les attributs et les valeurs de l'élément sélectionné. valeur d'attribut de l'élément spécifié, seul le premier est renvoyé. La valeur d'un élément correspondant, la syntaxe est "$(selector).attr("id")".
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
jquery obtient le contenu de l'identifiant de l'élément
jquery peut obtenir le contenu de l'identifiant dans l'élément
la méthode attr() définit ou renvoie 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 les valeurs d'attribut, une ou plusieurs paires attribut/valeur sont définies pour l'élément correspondant.
La syntaxe est la suivante :
Renvoyer la valeur de l'attribut
$(selector).attr(attribute)
Extension de syntaxe
Définir les attributs et les valeurs :
$(selector).attr(attribute,value)
Utiliser des fonctions pour définir les attributs et les valeurs :
$(selector).attr(attribute,function(index,currentvalue))
Définir plusieurs attributs et valeurs :
$(selector).attr({attribute:value, attribute:value,...}) L'exemple est le suivant :
Obtenez la valeur de l'attribut id de l'élément.
<!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>Résultat de sortie :
Après avoir cliqué sur le bouton :
Recommandation de didacticiel vidéo : Tutoriel vidéo jQuery
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!