如何使用 jQuery 更改按钮的文本？

在 Web 开发过程中，经常需要通过 JavaScript 来更改页面元素的内容，包括按钮的文本。jQuery 是一种流行的 JavaScript 库，可帮助简化这个过程。下面是如何使用 jQuery 更改按钮文本的几种方法。

方法一：使用 text() 方法

使用 jQuery 的 text() 方法可以轻松地更改按钮的文本。可以将文本作为字符串传递给 text() 方法，该方法会更改按钮的文本内容。

// HTML 代码
<button id="myButton">Click me!</button>

// JavaScript 代码
$("#myButton").text("New text");

上面的代码将按钮的文本更改为 "New text"。

方法二：使用 html() 方法

如果需要更改按钮的文本以及按钮所包含的 HTML 元素，可以使用 jQuery 的 html() 方法。可以将 HTML 代码作为字符串传递给 html() 方法，该方法会更改按钮的 HTML 内容。

// HTML 代码
<button id="myButton"><span>Click me!</span></button>

// JavaScript 代码
$("#myButton").html("<span>New text</span>");

上面的代码将按钮的文本和所包含的 span 元素更改为 "New text"。

方法三：使用 attr() 方法

使用 jQuery 的 attr() 方法可以更改按钮的属性。按钮的文本是一个属性，可以使用 attr() 方法来更改它。可以将属性名称和属性值作为参数传递给 attr() 方法，该方法会更改按钮的属性内容。

// HTML 代码
<button id="myButton" value="Click me!"></button>

// JavaScript 代码
$("#myButton").attr("value", "New text");

上面的代码将按钮的文本更改为 "New text"。

拓展阅读：

• jQuery API 文档
• jQuery 教程