Heim >Web-Frontend >Front-End-Fragen und Antworten >So ändern Sie den Wert der Schaltfläche in JQuery

So ändern Sie den Wert der Schaltfläche in JQuery

青灯夜游
青灯夜游Original
2022-03-18 13:58:186210Durchsuche

So ändern Sie den Schaltflächenwert in jquery: 1. Verwenden Sie die Funktion html(), Syntax „$(“button“).html(“Neuer Wert, der festgelegt werden soll“);“ 2. Verwenden Sie die Funktion text(), Syntax „ $ ("button").text("Neuer Wert, der festgelegt werden soll");".

So ändern Sie den Wert der Schaltfläche in JQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jquery, um den Wert der Schaltfläche zu ändern

Methode 1: Verwenden Sie die Methode html()

html(), um den Inhalt des ausgewählten Elements (innerHTML) festzulegen oder zurückzugeben.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("button").html("修改好了,新值");
				});
			});
		</script>
	</head>

	<body>
		<button>修改按钮的值</button>
	</body>
</html>

So ändern Sie den Wert der Schaltfläche in JQuery

Methode 2: Verwenden Sie die text()-Methode

text()-Methode, um den Textinhalt des ausgewählten Elements festzulegen oder zurückzugeben.

Wenn diese Methode zum Zurückgeben von Inhalten verwendet wird, wird der Textinhalt aller übereinstimmenden Elemente zurückgegeben (HTML-Tags werden entfernt).

Wenn diese Methode zum Festlegen von Inhalten verwendet wird, wird der Inhalt aller übereinstimmenden Elemente überschrieben.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("button").text("设置好新值了");
				});
			});
		</script>
	</head>

	<body>
		<button>修改按钮的值</button>
	</body>
</html>

So ändern Sie den Wert der Schaltfläche in JQuery

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Wert der Schaltfläche in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn