Javascript jQuery使用.prop（）切换按钮值

我试图使一个按钮的值在悬停时改变，但在鼠标关闭时又改变回来

要更改该值，请执行以下操作：

$(".followbuttony").hover(function () {
     $(".followbuttony").toggle('value', 'Unfollow');
});

但它当然会保持这种价值。问题是按钮值首先是动态加载的，所以我不能在鼠标关闭时设置另一个值

关于将此设置为切换样式操作，有什么帮助吗

我有这个JSFIDLE要展示：

---

谢谢

不是这样做的，您必须在

hover（）中同时使用这两个处理程序。

就我个人而言，我更喜欢这个

$(".followbuttony").on('mouseenter mouseleave', function(e) {
    $(".followbuttony").val(e.type=='mouseenter'?'Unfollow':'Following');
});

要存储初始值，更改它，然后将其取回，您可以执行以下操作：

$(".followbuttony").on('mouseenter mouseleave', function(e) {
    if (e.type=='mouseenter') {
        $(this).data('val', this.value).val('Unfollow');
    }else{
        $(this).val($(this).data('val'));
    }
});

---

您可以将两个函数传递给悬停事件，如下所示：

$(".followbuttony").hover(function () {
         $(".followbuttony").prop('value', 'Unfollow');
},function() {
         $(".followbuttony").prop('value', 'Following');

});

---

问题是，我从数据库中获取了一个值作为该值的一部分。因此，它有以下（追随者的数量）。对于一个简单的jquery函数来说，这是不是太麻烦了？不，你需要把值存储在某个地方，然后把它取回来，给我一点时间来写代码好的，谢谢，我理解这一部分。只是不知道是否有办法简单地切换值。谢谢你的代码帮助：）刚刚添加的，你必须存储初始值，jQuery有

data（）

，这是一个存储数据的好地方，然后再把它取回来。哇，谢谢，这是一个很好的函数：）以后应该记住这个函数。一直在这里学习。应在几分钟内标记为已验收。

$(".followbuttony").hover(function () {
         $(".followbuttony").prop('value', 'Unfollow');
},function() {
         $(".followbuttony").prop('value', 'Following');

});