Jquery 在一定时间内显示文本

快速和肮脏的例子：

<a href="" class="test">save</a>

$(".test").click(function(e){
    e.preventDefault();
    $(this).html("saved");
 };

我想有一个与保存的链接，点击后，它显示保存了半秒，之后，它会淡出从加载的文本必须存储在一个变量或什么

---

如果有人能给我一个快速的例子，如何在锚中获取文本/存储/延迟，我想我自己可以用淡入淡出等方式对其进行动画处理。

您可以存储以前的数据$this.html，更改文本，然后在指定的时间后使用重置文本。

您可以存储以前的数据$this.html，更改文本，然后在指定的时间后使用重置文本。

必须使用setTimeout，如下所示：

<a href="" class="test">save</a>

$(".test").click(function(e){
    e.preventDefault();
    var previousText = $(this).html();
    $(this).html("saved");
    setTimeout(function() { $(this).html(previousText) }, 500);
};

$(".test").click(function(e){
    var $a = $(this);
    var txt = $a.html();
    $a.html("saved").fadeOut('slow', function () { $a.html(txt).fadeIn('fast'); });
    return false;
 })

必须使用setTimeout，如下所示：

<a href="" class="test">save</a>

$(".test").click(function(e){
    e.preventDefault();
    var previousText = $(this).html();
    $(this).html("saved");
    setTimeout(function() { $(this).html(previousText) }, 500);
};

$(".test").click(function(e){
    var $a = $(this);
    var txt = $a.html();
    $a.html("saved").fadeOut('slow', function () { $a.html(txt).fadeIn('fast'); });
    return false;
 })

试试下面的方法

$(document).ready(function() {
  $('.test').click(function(e) {
    var link = this;
    e.preventDefault();
    $(this).html("saved");
    setTimeout(function() { $(link).fadeOut(1000) }, 500);
  });
});

小提琴：

试试下面的方法

$(document).ready(function() {
  $('.test').click(function(e) {
    var link = this;
    e.preventDefault();
    $(this).html("saved");
    setTimeout(function() { $(link).fadeOut(1000) }, 500);
  });
});

小提琴：类似这样的东西：

<a href="" class="test">save</a>

$(".test").click(function(e){
    e.preventDefault();
    var previousText = $(this).html();
    $(this).html("saved");
    setTimeout(function() { $(this).html(previousText) }, 500);
};

$(".test").click(function(e){
    var $a = $(this);
    var txt = $a.html();
    $a.html("saved").fadeOut('slow', function () { $a.html(txt).fadeIn('fast'); });
    return false;
 })

您可以以毫秒为单位指定任何值，而不是在淡入淡出方法中指定“慢”或“快”

演示：

类似这样的内容：

<a href="" class="test">save</a>

$(".test").click(function(e){
    e.preventDefault();
    var previousText = $(this).html();
    $(this).html("saved");
    setTimeout(function() { $(this).html(previousText) }, 500);
};

$(".test").click(function(e){
    var $a = $(this);
    var txt = $a.html();
    $a.html("saved").fadeOut('slow', function () { $a.html(txt).fadeIn('fast'); });
    return false;
 })

您可以以毫秒为单位指定任何值，而不是在淡入淡出方法中指定“慢”或“快”

演示：

您可以执行以下操作：

$(".test").click(function(e){
    e.preventDefault();
    var that = this;
    var text = $(this).html();
    $(this).html("saved");
    setTimeout(function(){
        //fade back
        $(that).html(text);
    }, 1000);
 });

在这里拉小提琴：

你可以做：

$(".test").click(function(e){
    e.preventDefault();
    var that = this;
    var text = $(this).html();
    $(this).html("saved");
    setTimeout(function(){
        //fade back
        $(that).html(text);
    }, 1000);
 });

---

在这里拉小提琴：

谢谢你，你太棒了。我还有一个问题：如何处理css？我也尝试过类似html的方法，但它不起作用var css=$this.css；啊，我修正了它：var css=$this.cssmargin-right$那.cssmargin对,css,；谢谢你，你太棒了。我还有一个问题：如何处理css？我也尝试过类似html的方法，但它不起作用var css=$this.css；啊，我修正了它：var css=$this.cssmargin-right$那.cssmargin对,css,；