Maison >interface Web >js tutoriel >Comment changer la valeur de l'objet élément dans jquery

Comment changer la valeur de l'objet élément dans jquery

WBOY
WBOYoriginal
2021-11-23 18:06:114272parcourir

Comment changer la valeur de l'objet dans jquery : 1. Utilisez l'instruction "$(element)" pour obtenir l'objet élément spécifié ; 2. Utilisez la méthode val() pour modifier la valeur de l'objet élément obtenu. La syntaxe est. "élément objet.val (nouvelle valeur)".

Comment changer la valeur de l'objet élément dans jquery

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

Comment jquery modifie la valeur d'un objet élément

Dans jquery, vous pouvez utiliser la méthode val() pour modifier la valeur de l'objet La méthode val() renvoie ou définit la valeur de l'élément sélectionné. . La valeur d'un é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é.

La syntaxe de cette méthode est :

$(selector).val(value)

Prenons un exemple pour voir comment changer la valeur de l'objet L'exemple est le suivant :

1 Créez un nouveau fichier html nommé test.html pour expliquer comment. jquery modifie la valeur d'entrée. Dans la balise p, utilisez la balise input pour créer une zone de saisie de texte et définissez la valeur sur « valeur par défaut ». Définissez l'attribut id de l'entrée sur testinput, qui est principalement utilisé pour obtenir l'objet d'entrée via cet identifiant ci-dessous.

Créez un bouton à l'aide de la balise de bouton portant le nom du bouton "Modifier la valeur". Liez l'événement onclick click au bouton bouton Lorsque le bouton est cliqué, la fonction setny() est exécutée.

Comment changer la valeur de lobjet élément dans jquery

2. Dans la balise js, créez la fonction setny() Dans la fonction, obtenez l'objet d'entrée via id(testinput) et utilisez la méthode val() pour modifier la valeur de l'entrée. Par exemple, définissez la valeur sur « Ceci est la nouvelle valeur ».

Comment changer la valeur de lobjet élément dans jquery

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

Comment changer la valeur de lobjet élément dans jquery

Après avoir cliqué sur le bouton :

Comment changer la valeur de lobjet élément dans jquery

Résumé :

1. Créez un fichier test.html.

2. Dans le fichier, utilisez la balise input pour créer une zone de saisie de texte, définissez la valeur sur "valeur par défaut" et créez un bouton pour déclencher l'exécution de la fonction js.

3. Créez une fonction dans la balise js. Dans la fonction, obtenez l'objet d'entrée et utilisez la méthode val() pour modifier la valeur de l'entrée.

Remarque : En plus de modifier la valeur de l'entrée, la méthode

val() peut également obtenir la valeur de l'entrée.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn