javascript - 如何在悬停状态下使用 jQuery 更改按钮的内容/值

Question

我有一个按钮，当它处于悬停状态时，我想更改它的内容。我浏览了很多可能已经有了答案的问题，不幸的是空白，非常感谢您的帮助。这是我目前所拥有的

谢谢大家

$("#button").hover(function(){
$(this).html("click me");
}

Answer 1

您可以使用 hover() 这样的处理程序

$("#button").hover(function() {
  $(this).html("click me");
}, function() {
  $(this).html("click");
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id=button>click</button>

更新: 如果您使用的是 input 标签，那么请使用 val() 而不是 html()

$("#button").hover(function() {
  $(this).val("click me");
}, function() {
  $(this).val("click");
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type=button id=button value=click>