jQuery 中 html() 與 text() 的區別

前期天有人問我, html() 與 text() 的區別是什么??起初我也不知道,后來看了下jquery 的api,就明白了.

先看一下jquery api上的函數說明:

html() : 取得第一個匹配元素的html內容。這個函數不能用于XML文檔。但可以用于XHTML文檔。
text() : 取得由所有匹配元素包含的文本內容組合起來的文本。這個方法對HTML和XML文檔都有效。

注意上面標記出來的關鍵字,仔細一看就明白了,下面來看一下簡單的例子:

<p>龍哥博客</p>

<p>測試段落</p>

alert($(“p”).text());

alert($(“p”).html());

如果你看懂了上面的代碼,就很容易知道這個運行的結果了,呵呵!!

alert($("p").text()); //結果 :龍哥博客測試段落,跟官方說的一樣是所有匹配元素組合起來的文本
alert($("p").html()); //同樣的,返回的是"龍哥博客",取得第一個匹配元素中間的html代碼

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈