Maison > Article > interface Web > Quelle est l'utilité de val en javascript
Quelle est l'utilité de val en javascript
- WBOYoriginal
- 2022-04-11 15:41:349317parcourir
Il existe deux utilisations de val en JavaScript, qui sont : 1. Utilisé pour renvoyer la valeur de l'attribut value du premier élément correspondant, la syntaxe est "$(selector).val()" ; de tous les éléments correspondants La valeur de l'attribut value, la syntaxe est "$(selector).val(value)".
L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.
À quoi sert val en javascript ?
La méthode val() renvoie ou définit la valeur de l'élément sélectionné. La valeur de l'élément
est définie via l'attribut value. Cette méthode est principalement utilisée pour les éléments d'entrée.
Si cette méthode ne définit pas de paramètres, elle renvoie la valeur actuelle de l'élément sélectionné.
Syntaxe
$(selector).val(value)
valeur Facultatif. Spécifie le nouveau contenu de l'élément sélectionné.
Renvoie l'attribut Value
Renvoie la valeur de l'attribut value du premier élément correspondant.
Syntaxe
$(selector).val()
Définissez la valeur de l'attribut Value
$(selector).val(value)
value Définissez la valeur de l'attribut Value.
Utilisez une fonction pour définir la valeur de l'attribut Value
$(selector).val(function(index,oldvalue))
function(index, oldvalue) spécifie une fonction qui renvoie la valeur à définir.
index - facultatif. Accepte la position d'index du sélecteur.
oldvalue - facultatif. Accepte la propriété Value actuelle du sélecteur.
L'exemple est le suivant :
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("input:text").val("Bill Gates");
});
});
</script>
</head>
<body>
<p>Name: <input type="text" name="user" /></p>
<button>设置文本域的值</button>
</body>
</html>Résultat de sortie :
Après avoir cliqué sur le bouton :
[Recommandations associées : tutoriel vidéo javascript, front-end 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!