jquery中html-與-text方法的區別


通常在用jquery寫ajax時,都會用到html()這個方法,而不用text()這個方法,他們之間有什么區別呢?

首先,html屬性中有兩個方法,一個有參,一個無參。

1. 無參html():取得第一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔,返回的是一個String

例子:

html頁面代碼:<div><span>Hello</span></div>

jquery代碼:$(“div”).html();

結果:<span>Hello</span>

2.有參html(val):設置每一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔。返回一個jquery對象

html頁面代碼:<div></div>

jquery代碼:$(“div”).html(“<p>Nice to meet you</p>”);

結果:<div><p> Nice to meet you</p></div>(html標簽會被瀏覽器識別

其次,text屬性中有兩個方法,一個有參,一個無參

1. 無參text():取得所有匹配元素的內容。結果是由所有匹配元素包含的文本內容組合起來的文本。返回的是一個String。

例子:

html頁面代碼:<p><span>Hello<span><div> fine</div></p>

jquery代碼:$(“p”).text();

結果:Hello   fine

2.有參text(val):設置所有匹配元素的文本內容,與 html() 類似, 但將編碼 HTML (將 “<” 和 “>” 替換成相應的HTML實體).返回一個jquery對象。

html頁面代碼:<div>Paragraph.</div>

jquery代碼:$(“div”).text(“<b>Some</b> new text.”);

結果: <p><b>Some</b> new text.</p> (html標簽不會被瀏覽器識別,而是當作字符串來輸出

通過上面的例子,我們知道  html()方法與text()方法的區別就在於對html標簽的識別上不同。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM