jquery - 使用 Jquery 淡出文本区域内的文本

Question

这可能是一个非常简单的问题，但我想<textarea id="text">blabla</textarea使用 jquery 淡出 textarea ( ) 内的文本，而不需要'fadingOut' textarea 本身。

我尝试使用 $('text').val()、$('text').text() 或 document.getElementById("text").nodeValue;

但没有任何效果，整个文本区域“不显示”。有人有想法吗？

最好的，纽本

Answer 1

.text() 和 .val() 等 jQuery 方法返回相关 HTML 元素中包含的内容的值，而不是指向元素中实际文本的指针。这就是为什么使用它们不能满足您的需求。

您应该能够使用 jQuery UI 及其.ToggleClass()方法获得您想要的效果。设置一个 css 类，其中 textarea 的颜色与其背景相同，然后使用 .ToggleClass 以定义的持续时间在 textarea 上激活该类，这应该会产生 textarea 内的文本逐渐消失的效果。

Answer 2

没有简单的方法可以做到这一点。您可以尝试为文本的颜色设置动画，因此基本上从黑色渐变为白色（例如，如果您的 textarea 是白色的），但用户仍然可以突出显示文本并以这种方式查看。

唯一的其他解决方案是基本上设置图像的样式，使其看起来像文本区域，并用它替换文本区域，将文本放在 div 或 span 内的顶部，然后以这种方式淡化文本。