如何使用 jQuery 更改按钮的文本
答案：使用jQuery的prop()和html()方法
您可以简单地使用 jQuery prop() 方法来更改使用 HTML <input> 元素构建的按钮的文本，而要更改使用 <button> 元素创建的按钮的文本，您可以使用 html() 方法。
以下示例中的 jQuery 代码将更改文档就绪上的按钮文本：
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery Change Button Text</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
// 更改输入按钮的文本
$("#myInput").prop("value", "Input New Text");
// 更改按钮元素的文本
$("#myButton").html("Button New Text");
});
</script>
</head>
<body>
<input type="button" id="myInput" value="Input Text">
<button type="button" id="myButton">Button Text</button>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements