使用Jquery FadeOut textarea中的文本

Question

这可能是一个非常简单的问题，但是我希望使用jquery在textarea（<textarea id="text">blabla</textarea）内部淡化文本而不使用'fadingOut'这个textarea本身。

我尝试使用$（'text'）。val（），$（'text'）。text（）或document.getElementById（“text”）。nodeValue;

但没有任何作用，整个textarea'都没有显示'。有没有人有想法？

最佳， Newben

Answer 1

<。> jQuery方法（如.text（）和.val（））返回相关HTML元素中包含的内容的值，而不是指向元素中实际文本的指针。这就是为什么使用它们并不适用于你想要的东西。

您应该能够使用jQuery UI及其.ToggleClass()方法获得所需的效果。设置一个css类，其中textarea的颜色与其背景相同，然后使用.ToggleClass在textarea上激活具有定义持续时间的类，这应该创建一个效果，即textarea中的文本正在逐渐消失。

Answer 2

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

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