Jquery peut-il effacer le contenu du texte ?-Questions et réponses frontales-php.cn

Jquery peut-il effacer le contenu du texte ?

青灯夜游

Libérer： 2022-05-16 16:43:19

original

1966 Les gens l'ont consulté

jquery peut effacer le contenu du texte. Méthode d'effacement : 1. Utilisez text() pour effacer le contenu du texte des éléments ordinaires. La syntaxe est "element object.text("")". Définissez simplement le contenu du texte sur des caractères nullables ; texte de l'entrée de l'élément de formulaire, syntaxe "$("input").val("")".

Jquery peut-il effacer le contenu du texte ?

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

jquery peut effacer le contenu du texte.

Il existe deux situations pour effacer le contenu du texte :

Effacer le contenu du texte des éléments ordinaires
Effacer le contenu du texte de la saisie de l'élément de formulaire

1. Utilisez text() pour effacer le texte. contenu des éléments ordinaires

text() peut définir le contenu du texte de l'élément. Définissez simplement le contenu du texte sur des caractères nullables pour l'effacer.

<!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() {
					$("p").text("");
				});
			});
		</script>
	</head>
	<body>

		<button>清除所有p元素的文本内容</button>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>

	</body>
</html>

Copier après la connexion

Jquery peut-il effacer le contenu du texte ?

2. Utilisez val() pour effacer le contenu du texte de l'élément de formulaire input

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.

Utilisez simplement val() pour définir le contenu du texte sur des caractères nullables à effacer.

<!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>

		<button>清除所有input元素的文本内容</button>
		<p>用户名: <input type="text" name="user" value="李华" /></p>
		<p>密　码: <input type="password" name="password" value="123456" /></p>
	</body>
</html>

Copier après la connexion

Jquery peut-il effacer le contenu du texte ?