Comment utiliser la méthode jquery val()-Questions et réponses frontales-php.cn

Comment utiliser la méthode jquery val()

青灯夜游

Libérer： 2022-03-01 18:03:56

original

4678 Les gens l'ont consulté

Dans jquery, la méthode val() peut être utilisée pour renvoyer la valeur de l'attribut value du premier élément correspondant, avec la syntaxe "$(selector).val()" ; de l'attribut value de tous les éléments correspondants, syntaxe "$(selector).val("new value")".

Comment utiliser la méthode jquery val()

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Méthode jquery val()

Dans jquery, la méthode val() est utilisée pour renvoyer ou définir la valeur de 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.

$(selector).val()

Copier après la connexion

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.

$(selector).val(value)

//通过函数设置 value 属性：
$(selector).val(function(index,currentvalue))

Copier après la connexion

Comment utiliser la méthode jquery val()

Exemple 1 : Renvoie la valeur de l'attribut value du premier élément correspondant.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					alert($("input").val());
				});
			});
		</script>
	</head>
	<body>

		喜欢的水果: <input type="text" name="fname" value="苹果"><br><br>
		<button>返回输入字段的值</button>
	</body>
</html>

Copier après la connexion

Comment utiliser la méthode jquery val()

Exemple 2 : Définir la valeur du champ

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("input").val("榴莲");
				});
			});
		</script>
	</head>
	<body>

		喜欢的水果: <input type="text" name="fname" value="苹果"><br><br>
		<button>设置输入字段的值</button>
	</body>
</html>

Copier après la connexion

Comment utiliser la méthode jquery val()