javascript - jquery按钮值改变效果

Question

我想在单击按钮时更改带有淡入淡出效果的按钮值。我的代码是:

html:

<button> some value </button> 

脚本:

$(document).ready(function(){  
    $("#btn_1").click(function (){  
        $(this).prop('value', "new value!"); // line1   
    });   
});

从另一个 stackoverflow 答案中，我发现如果我将 line1 替换为 $(this).find('span').html('Collapse').hide().fadeIn('slow'); 并将html部分更改为 <button> <span> some value </span> </button>有用。但是，有没有办法不用span标签，只用jquery就可以实现转场效果呢？

Answer 1

你想要这样的东西吗？

只需使用$(this).text('新值!').hide().fadeIn('slow');

$(document).ready(function() {
  $("#btn_1").click(function() {
    $(this).text('new value!').hide().fadeIn('slow');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn_1"> some value </button>