JQuery TextArea的取值與賦值問題

首先，說明這不是一個簡單的問題！

先說取值：

$("#textarea").text();//讀取

最近測試時候發現在firefox或Chrome中讀取不出textArea的值，IE正常。

於是修改爲：

$("#textarea").val();

問題解決，不過搜索時，發現有人提另一個問題：

當在一個textarea標籤中鍵入一個回車時，實際上會插入2個符號：\n\r \n 回車符 \r 換行符

如果用text()獲取textarea中的值，那麼存入數據庫的數據就只會有\r 如果用var()獲取textarea中的值，
那麼存入數據庫的數據就只會有\n 這樣的區別就是，在IE下，
你如果是讀取用text()存入的數據在展示在textarea中，那麼數據的換行是正常的。
而讀取用var()存入的數據在展示在textarea中，那麼數據的就不會換行。
沒有具體測試過看來用val()也不妥當。但是這也是必求之策。

再說賦值：
看代碼：

$("<div id='x1'><textarea id='t1'></textarea>" +
 "<textarea id='t2'></textarea></div>").appendTo("body");
$("#t1").text("AAA");$("#t2").val("BBB");
alert("t1=" + $("#t1").text() + "/" + $("#t1").val());
alert("t2=" + $("#t2").text() + "/" + $("#t2").val());
alert($("#x1").html());

在IE下，不管用val()或text()設定，後續的讀取都正常；但在Firefox下，使用val()指定的值，畫面上會出現，但是用text()或是透過html()檢視時卻是字串。因此在Firefox中，如果你希望設定給textarea值出現在html()中或可以被clone()，請用text(...)設定。

且慢。事情如果這麼單純，那麼連小學生也會跨瀏覽器了。使用text()設定時得注意換行問題，若你在IE中下text("A\nA")，在顯示時只會呈現空一格而不會換行。依我測試的結果，在IE下text("A\r\A")得到顯示結果比較接近預期，但是text("A\rA")在Firefox中顯示時會換列，用text()取出時卻是連在一起的... 這... 這... 這...
最後，只能採取懦夫策略，在呼叫.clone()前做了這件事迴避問題：

$theDiv.find("textarea").each(function() { $(this).text($(this).val()); }); 

很醜，但看來是有效的! 如果有人有其他好點子，再分享一下吧！
【心得】沒有噼成一字馬的本事，不要跟別人說你會"跨"瀏覽器！