使用jquery FadeOut textarea中的文本

Question

這可能是一個非常簡單的問題，但我想使用jquery在textarea（<textarea id="text">blabla</textarea）內淡出文本而不使用'fadingOut'文本區。我嘗試使用$（'text'）.val（），$（'text'）.text（）或document.getElementById（「text」）。nodeValue;

但沒有任何工作，整個textarea'顯示none'。有沒有人有想法？

最佳， Newben

Answer 1

jQuery方法（如.text（）和.val（））返回相關HTML元素中包含內容的值，而不是指向元素中實際文本的指針。這就是爲什麼使用它們不適合你想要的東西。

您應該能夠使用jQuery UI及其.ToggleClass()方法獲得所需的效果。設置一個css類，其textarea的顏色與背景相同，然後使用.ToggleClass在textarea上激活該類，並定義持續時間，這應該會創建一個效果，使textarea內的文本消失。

Answer 2

沒有一個簡單的方法來做到這一點。你可以嘗試使文本的顏色動畫化，所以基本上從黑色變爲白色（例如，如果你的textarea是白色的），但是用戶仍然可以突出顯示文本並且以這種方式看到它。

唯一的另一種解決方案是基本上將圖像設計爲使其看起來像文本區域，並將文本區域替換爲文本區域，將文本置於div或span範圍內，然後淡入淡出文本。