jquery - 如何使用 jQuery 淡出按钮的文本？

Question

我有以下按钮，我想淡出文本。我不想淡出按钮，只是其中的文本。我该怎么做？

到目前为止：

$('#name').click(function(){
    //Fade out text
   });

标记：

 <button id="name" type="submit" class="btn btn-large">Next >></button>

Answer 1

好像您正在使用 twitter 引导程序。在这种情况下，使用<a>代替<button>

像这样的东西：

<a href="#" id="name" class="btn btn-large"><span id="fade">Next</span></a>

然后你可以淡出跨度：

$("#fade").fadeOut("slow")

jsfiddle：jsfiddle

Answer 2

我建议将文本的颜色更改为按钮的颜色...

$('#name').click(function(){
   $(this).css('color', 'red');
});

因为淡出文本是不可能的......

Answer 3

您可以使用jQuery Color 插件将颜色从原始颜色更改为“透明”。

HTML

<button id="submit_button">Next >></button>

CSS

#submit_button {
    color: #000;
}

Javascript

$(document).ready(function(){
    $('#submit_button').click(function(){
        $(this).animate({
            color: 'transparent'    
        },1000);
    });
});

这是一个 jsFiddle 作为说明：http: //jsfiddle.net/5p2cH/3/