Heim > Artikel > Web-Frontend > 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:186163Durchsuche
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");".
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>
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>
【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!