Attributs et styles jQuery (3)

Il existe une méthode .val() dans jQuery, qui est principalement utilisée pour traiter les valeurs des éléments de formulaire, tels que input, select et textarea.

méthode val()

val() n'a pas de paramètres et obtient la valeur actuelle du premier élément dans l'ensemble d'éléments correspondant

val( value ), définissez la valeur de chaque élément dans l'ensemble d'éléments correspondants

val( function ), une fonction utilisée pour renvoyer la valeur définie

Remarque :

Pass .val ( ) traite l'élément select. Lorsqu'aucune sélection n'est sélectionnée, il renvoie null

La méthode val() est principalement utilisée pour définir la valeur du champ du formulaire

Jetons un coup d'œil à un exemple spécifique et comment l'utiliser méthode val

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <select id="see">
        <option>php 中文网</option>
        <option>php.cn</option>
        <option>小猪 CMS</option>
    </select>

    <p></p>
    
    <script type="text/javascript">
         $("p").text($('#see').val());
    </script>
</body>
</html>

Voyons comment changer la valeur de l'entrée

Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <input type="text" value="php 中文网" id="ipt">
    
    <script type="text/javascript">
        $("#ipt").val("php.cn");
    </script>
</body>
</html>

Résumé du différences entre html(), text() et val() :

.html(), .text() et .val() sont tous utilisés pour lire le contenu de l'élément sélectionné uniquement .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 la "valeur". " valeur de l'élément de formulaire. Les méthodes html() et text() ne peuvent pas être utilisées sur des éléments de formulaire, et val() ne peut être utilisée que sur des éléments de formulaire. De plus, lorsque la méthode html() est utilisée sur plusieurs éléments, seul le premier élément est lu ; La méthode val() est la même que .html() Si elle est appliquée à plusieurs éléments, seule la valeur "value" du premier élément du formulaire peut être lue, mais .text() est différente d'eux. ) Lorsqu'il 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 seront remplacées. . Le contenu de tous les éléments sélectionnés.

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.

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <select id="see"> <option>php 中文网</option> <option>php.cn</option> <option>小猪 CMS</option> </select> <p></p> <script type="text/javascript"> $("p").text($('#see').val()); </script> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Attributs et styles jQuery (3)

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]