Apprendrez les propriétés d'arrière-plan suivantes :
background-sizeélt
background-origin
Plusieurs Images d’arrière plans
Apprendrez également comment utiliser plusieurs images d'arrière-plan.
jQuery la méthode val() est une méthode qui permet de récupérer la valeur d’un élément de formulaire
La méthode val() renvoie ou définit l'attribut value des éléments sélectionnés.
Note : La méthode .val() est principalement utilisée pour obtenir les valeurs des éléments de formulaire comme input , select et textarea . Dans le cas des éléments <select multiple="multiple"> la méthode .val() retourne un tableau contenant chaque option choisie ; Si aucune option n'est sélectionnée, elle retourne null .
Retourne la valeur de l'attribut value de l'élément sélectionné.
Syntaxe
$(selector).val()
Exemple : 📝 Copier le code
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ function displayVals() { var singleValues = $("#single").val(); var multipleValues = $("#multiple").val() || []; $("p").html("<b>Single:</b> " + singleValues + " <b>Multiple:</b> " + multipleValues.join(", ")); } $("select").change(displayVals); displayVals(); }); }); </script> <style> p { color:red; margin:4px; } b { color:blue; } </style> </head> <body> <p></p> <select id="single"> <option>Single</option> <option>Single2</option> </select> <select id="multiple" multiple="multiple"> <option selected="selected">Multiple1</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select> <button>Cliquez pour voir</button> </body> </html>
Définit la valeur de l'attribut value des éléments sélectionnés.
Syntaxe
$(sélecteur).val(value)
Paramètre |
Description |
---|---|
valeur | Spécifie la valeur de l'attribut value |
Exemple : 📝 Copier le code
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("input:text").val("Olivier"); }); }); </script> </head> <body> <p>Nom: <input type="text" name="user" /></p> <button>Définissez la valeur </button> </body> </html>
Utilisation d'une fonction pour définir la valeur de l'attribut value pour tous les éléments sélectionnés.
Syntaxe
$(sélecteur).val(function(index,oldvalue))
Paramètre | Description |
---|---|
function(index,OldValue) |
Spécifie une fonction qui retourne la valeur à définir.
|
Exemple : 📝 Copier le code
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("input:text").val(function(n,c){ return c + " Olivier"; }); }); }); </script> </head> <body> <p>Nom: <input type="text" name="user" value="Piére" /></p> <button>Définir la valeur</button> </body> </html>