Javascript jQuery文本变化平稳

我使用以下HTML和jQuery代码警告用户使用“记住我”复选框，如下所示：

在HTML中：

<input type="checkbox" id="remember" name="remember"> Remember me
<span id="remember_feedback"></span>

---

它工作正常，但我希望文本能够平稳/缓慢地更改，就像我在一些网站上看到的那样，而不是像现在这样弹出和弹出，是否可以不使用插件？

将所需的文本添加到html：

<span id="remember_feedback">(Don't use on a public computer)</span>

。。。然后在js中使用

fadeIn

和

fadeOut

：

$('#remember').change(function(){
      if(this.checked){
          $('#remember_feedback').fadeIn();
      }else{
          $('#remember_feedback').fadeOut();
      }
 });

---

这是一个可以使用的。

将所需文本添加到html：

<span id="remember_feedback">(Don't use on a public computer)</span>

。。。然后在js中使用

fadeIn

和

fadeOut

：

$('#remember').change(function(){
      if(this.checked){
          $('#remember_feedback').fadeIn();
      }else{
          $('#remember_feedback').fadeOut();
      }
 });

---

这里有一个您可以使用。

首先将文本添加到“记住”反馈范围，并使用html5属性将其设置为默认隐藏：

<span id="remember_feedback" hidden >Don't use on a public computer</span>

---

最初将文本添加到“记住”反馈范围，并使用html5属性将其默认设置为隐藏：

<span id="remember_feedback" hidden >Don't use on a public computer</span>

您可以这样做：

$('#remember').change(function(){
     if(this.checked){
          $('#remember_feedback').hide().text('(Don\'t use on a public computer)').fadeIn('slow');
     }else{
          $('#remember_feedback').fadeOut('slow');
     }
});

您可以这样做：

$('#remember').change(function(){
     if(this.checked){
          $('#remember_feedback').hide().text('(Don\'t use on a public computer)').fadeIn('slow');
     }else{
          $('#remember_feedback').fadeOut('slow');
     }
});

---

除了下面的答案，您还可以使用jQuery的

.fadeToggle（）

（包括将消息添加到HTML中的span中）

---

除了下面的答案，您还可以使用jQuery的

.fadeToggle（）

（包括将消息添加到HTML中的span中）

---

你是指淡入/淡出吗？你是指淡入/淡出吗？为了更好地支持浏览器，隐藏

记住\u反馈

更可取，我发现…它将使用HTML5的“隐藏”属性隐藏。为了更好地支持浏览器，隐藏

记住\u反馈

更可取，我发现…它将使用“隐藏”属性隐藏html5Hello答案的属性是正确的+1，但它是小提琴，不是菲尔德：）哇！没想到这会奏效+1为较短的答案。你能解释一下.hide（）.text（）是如何使文本显示而不是隐藏的吗？首先“hide（）”隐藏“memory_feedback”元素，然后“text（“”）在“fadeIn（）”显示反馈文本后设置一个文本，效果很好！假设它归结为个人偏好，但是如果元素只包含静态文本，我希望它在HTML中隐藏。也可以防止jQuery中的额外链接。是的，这只是一种简单的修复方法，无需接触其他html或css文件：）。这样，如果文本是动态的，就很容易更改文本。取决于发布此问题的用户的要求：）您好答案是正确的+1来自我，但它是小提琴，而不是菲尔德：）哇！没想到这会奏效+1为较短的答案。你能解释一下.hide（）.text（）是如何使文本显示而不是隐藏的吗？首先“hide（）”隐藏“memory_feedback”元素，然后“text（“”）在“fadeIn（）”显示反馈文本后设置一个文本，效果很好！假设它归结为个人偏好，但是如果元素只包含静态文本，我希望它在HTML中隐藏。也可以防止jQuery中的额外链接。是的，这只是一种简单的修复方法，无需接触其他html或css文件：）。这样，如果文本是动态的，就很容易更改文本。取决于发布此问题的用户的要求：）