如何使用 jQuery 更改按钮的文本
答案:使用jQuery的prop()
和html()
方法
您可以简单地使用 jQuery prop()
方法来更改使用 HTML <input>
元素构建的按钮的文本,而要更改使用 <button>
元素创建的按钮的文本,您可以使用 html()
方法。
以下示例中的 jQuery 代码将更改文档就绪上的按钮文本:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery 更改按钮文本</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 相关问题解答
以下是与此主题相关的更多常见问题解答: