jquery改變button值的方法:1、使用html()給指定元素設(shè)置新內(nèi)容,語法“$("button").html("新內(nèi)容值")”;2、使用text()給指定元素設(shè)置新的文本內(nèi)容,語法“$("button").text("新值")”。

本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery改變button的值
實(shí)現(xiàn)方法:
使用$("button")
獲取button元素
使用html()或text()修改被選元素的值
1、使用html()
html() 方法可設(shè)置被選元素的內(nèi)容(innerHTML)。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$(this).html("button新值");
});
});
</script>
</head>
<body>
<button>修改button內(nèi)容</button>
</body>
</html>

2、使用text()
text() 方法設(shè)置或返回被選元素的文本內(nèi)容。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$(this).text("Hello world!");
});
});
</script>
</head>
<body>
<button>修改button內(nèi)容</button>
</body>
</html>

【推薦學(xué)習(xí):jQuery視頻教程、web前端視頻】
以上是jquery怎么改變button的值的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!