Maison > Article > interface Web > Comment modifier l'attribut step dans jquery
Comment modifier l'attribut step dans jquery
- WBOYoriginal
- 2022-05-18 10:18:461705parcourir
Comment modifier l'attribut step dans jquery : 1. Utilisez "$("Élément qui doit modifier l'attribut step")" pour obtenir l'objet élément spécifié ; 2. Utilisez "element object.attr("step", " valeur modifiée de l'étape ");" Modifiez simplement la valeur de l'attribut étape de l'élément spécifié.
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Comment modifier l'attribut step dans jquery
1. Utilisez $() pour obtenir l'objet élément spécifié
$ est une fonction de retour couramment utilisée dans JQuery, définie comme "select", qui est l'abréviation de selector. en anglais
$ est en fait un autre nom pour jQuery, qui est une fonction fournie par la bibliothèque jQuery.
Cette fonction peut rechercher et sélectionner des éléments dans des documents HTML en fonction des paramètres dans (()) qui peuvent non seulement être des identifiants, mais également divers sélecteurs. Par exemple :
$(document) sélectionne l'objet entier du document
. 2. Utilisez la méthode attr pour modifier l'attribut step. 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. SyntaxeRenvoyer la valeur de l'attribut :$(selector).attr(attribute)Définir l'attribut et la valeur :
$(selector).attr(attribute,value)L'exemple est le suivant :
<!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(){
$("input").attr("step","500");
});
});
</script>
</head>
<body>
<form action="demo-form.php">
<input type="number" name="points" step="3">
</form>
<br>
<button>为元素修改step属性</button>
</body>
</html>Résultat de sortie :
Tutoriels vidéo associés recommandés :
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!