如何用jQuery改变按钮的文字？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用jQuery改变按钮的文字？相关的知识，希望对你有一定的参考价值。
虽然应该很简单，但是不知道为什么不能用。谁能告诉我为什么？
在html中，我把这个按钮创建为。
<button id="T4">Hide</button>
而在jQuery中，我创建了这个函数来改变同一个按钮的文字，当它被点击的时候。
$(document).ready(function() {
$("#T4").click(function() {
$("#T4").prop('value', 'Show');
});
});
现在我想做的是，我有一个文本为 "Hide "的按钮，当它被点击时，它的文本就会改变为 "Show"。很简单吧？但由于某种原因，它似乎并不奏效。谁能帮我解决这个问题？
答案
只要使用 text():
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").text('Show');
});
});
另一答案
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").html('show');
});
});
我认为你必须使用html()来改变jquery中任何元素的文本。
另一答案
很简单，只需使用text()，因为你不需要输入属性值。
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").text('Show');
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="T4">Hide</button>另一答案
有很多方法可以实现。
方法1:
使用 html(). 下面是一个例子。
$(document).ready(function(){
$("#T4").click(function(){
$("#T4").html("Show");
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button id="T4">Hide</button>另一答案
$(document).ready(function() {
$("#T4").click(function(){
$(this).text('Show');
});
});
以上是关于如何用jQuery改变按钮的文字？的主要内容，如果未能解决你的问题，请参考以下文章