如何使用jQuery使HTML元素淡出?

Question

我有一个文本框在我的HTML文件，我想使淡出当一个按钮被点击。以下是目前为止的内容:

$("#textButton").click(function() {
// make text dissapear here
});

文本框id为"textBox"。我应该在函数中加入什么来使它工作呢?

Answer 1

在您的例子中，您的代码看起来像这样:

$("#textButton").click(function() {
$("#textBox").fadeTo('slow', 0); 
});

在jQuery中使用fadeTo()方法。第一个值是速度，第二个值是你想让它褪色的程度(0使它消失)。

Answer 2

您可以使用以下链接了解更多有关fadeIn &渐隐函数。

https://api.jquery.com/fadeout/

https://api.jquery.com/fadein/

代码示例:

$(document).ready(function(){
$("#textButton").click(function() {
$("p").fadeOut();
);
$("#textButton2").click(function() {
$("p").fadeIn();
});
});