《JQuery 能幹點啥~》第四講 html() 與 text()的賦值比較

今天中午有點困~差點忘了 來寫教程

廢話少說，開始 接着 上一篇的取值 講賦值吧~

這裏 我要說一下~ 由於 JQ 並不是很難，而且 我也講幾節了~ 所以 我會 慢慢的 省略到一些 可有可無的說明，如果有童鞋 看不懂了，請及時留言~

-------------------------------------------------- 開講了--------------------------------------------------

其實，在 將 val() 的時候 我已經說過了，JQ 中 很多 關於 取值賦值的方法，都有個通用原則，那就是：

沒有參數爲取值，有參數爲賦值，而且參數值爲所要賦得值

這個原則 在 text 和html 中也同樣適用，但有點區別，接下來 我來具體的解釋下~

先說 html 吧!

第三講 說了 html 取值 ，取得是 html內容 那麼,在這裏，賦值賦得 也是 html內容 ！這也就說明，當用html 賦值以後，原對象的 標籤內的 html 結構 就會發生改變！
舉個例子吧
 

<div id="m_div">
<p>
原來是這個！
</p>
</div>

現在我們來用 html 賦值
 

$("#m_div").html("<button>變成button了</button>")

其 結果將變爲
 

<div id="m_div">
    <button>變成button了</button>
</div>

html 結構 從原來的 段落 變成了 現在的 按鈕了~ 這樣應該比較好理解了~

現在 來說 text 方法吧

如果 第三講 中 html內容 和 內容 那麼 接下來就應該比較好理解了~

上面 html 賦值 是改變 html內容

那麼 text 賦值 自然是改變 內容了~
根據上一講的 內容， text 改變的就是 第一個 選擇器 中 各標籤的文本內容~
接着舉例子吧
還是以 第一段 代碼爲例子

$("#m_div").text("<button>變成button了</button>")

其結果爲

<div id="m_div">
 <p>
  &#60;button&#62; 變成button了&#60; /button&#62;
 </p>
</div>

其中的 尖括號 < 會被變爲 < 而 >會 變爲>
這樣以來，頁面中 顯示標籤 將不會 瀏覽器 解釋成 按鈕了

說的再淺顯點，就是 text 的參數爲什麼樣的，那麼在頁面中 顯示的就是什麼

原文地址：《JQuery 能幹點啥~》第四講 html() 與 text()的賦值比較
http://bbs.coderli.com/forum.php?mod=viewthread&tid=280&fromuid=44