javascript - 当鼠标悬停在 jquery 中时显示按钮的状态

Question

我正在开发一个使用 html 和 jquery 的应用程序。它有 4 个按钮，当我单击它们时用于执行各种任务。我现在想要的是当鼠标悬停在按钮上时向用户显示按钮的状态。例如，对于开/关按钮，如果鼠标悬停在按钮上，它会向用户显示该按钮当前处于关闭或打开状态。

一种方法是使用 alert() 但每次我去按钮时它会显示一个我不想要的警报我只想要一个简单的文本等在鼠标时显示在按钮的顶部将鼠标悬停在上面。

任何人都可以帮助我，我该怎么做？

Answer 1

使用 jQuery .hover() 更改悬停按钮上的按钮文本:

$('button').hover(function(){
    $(this).text('ON');
},function(){
    $(this).text('OFF');
});

Demo Fiddle