Que fait la méthode val dans jquery ?

La méthode val dans jquery est utilisée pour renvoyer ou définir l'attribut value de l'élément sélectionné ; lorsqu'elle est utilisée pour renvoyer une valeur, cette méthode renvoie la valeur de l'attribut value du premier élément correspondant, et sa syntaxe est "$( selector).val ()" ; lorsqu'elle est utilisée pour définir une valeur, cette méthode définit la valeur de l'attribut value de tous les éléments correspondants, et sa syntaxe est "$(selector).val(value)".

L'environnement d'exploitation de ce tutoriel : système Windows 10, jquery version 3.2.1, ordinateur Dell G3.

Que fait la méthode val dans jquery ? La méthode

val() renvoie ou définit l'attribut value de l'élément sélectionné.

Lorsqu'elle est utilisée pour renvoyer une valeur :

Cette méthode renvoie la valeur de l'attribut value du premier élément correspondant.

Lorsqu'elle est utilisée pour définir une valeur :

Cette méthode définit la valeur de l'attribut value de tous les éléments correspondants.

Remarque : La méthode val() est généralement utilisée avec les éléments de formulaire HTML.

Syntaxe

Attribut de valeur de retour :

$(selector).val()

Définir l'attribut de valeur :

$(selector).val(value)

Définir l'attribut de valeur via la fonction :

$(selector).val(function(index,currentvalue))

Paramètres

valeur requise. Spécifie la valeur de l'attribut value.

fonction (index, valeur actuelle) facultative. Spécifie une fonction qui renvoie la valeur à définir.

index - Renvoie la position d'index de l'élément dans la collection.

currentvalue - Renvoie la valeur actuelle de l'élément sélectionné. La différence entre

.html(), .text() et .val() :

.html(), .text(), .val() sont tous utilisés pour lire le contenu des éléments sélectionnés sauf que . html() est utilisé pour lire le contenu HTML de l'élément (y compris les balises html), .text() est utilisé pour lire le contenu en texte brut de l'élément, y compris ses éléments descendants, et .val() est utilisé pour lire Get la valeur "value" de l'élément de formulaire. Parmi elles, les méthodes .html() et .text() ne peuvent pas être utilisées sur des éléments de formulaire, tandis que .val() ne peuvent être utilisées que sur des éléments de formulaire

De plus, lorsque la méthode .html() est utilisée sur plusieurs éléments ; éléments, il ne lit que le premier élément ; la méthode .val() est la même que .html() Si elle est appliquée à plusieurs éléments, seule la valeur « valeur » du premier élément du formulaire peut être lue, mais .text. () et ils ne le sont pas. De même, si .text() est appliqué à plusieurs éléments, le contenu textuel de tous les éléments sélectionnés sera lu.

.html(htmlString), .text(textString) et .val(value) sont tous utilisés pour remplacer le contenu de l'élément sélectionné. Si les trois méthodes sont utilisées sur plusieurs éléments en même temps, elles remplaceront toutes les valeurs. contenu de l'élément sélectionné. .html(), .text() et .val() peuvent tous utiliser la valeur de retour de la fonction de rappel pour modifier dynamiquement le contenu de plusieurs éléments.

Apprentissage recommandé : "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!