首先,html屬性中有兩個方法,一個有參,一個無參
1. 無參html():取得第一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔,返回的是一個String
例子:
html頁面代碼:<div><p>Hello </p></div>
jquery代碼:$("div").html();
結果:<p>Hello </p>
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> ]
其次,text屬性中有兩個方法,一個有參,一個無參
1. 無參text():取得所有匹配元素的內容。結果是由所有匹配元素包含的文本內容組合起來的文本。返回的是一個String
例子:
html頁面代碼:<p><b>Hello</b>hovertree</p>
<p>Thank you!</p>
jquery代碼:$("p").text();
結果:HellohovertreeThankyou!
2.有參text(val):設置所有匹配元素的文本內容, 與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應的HTML實體).返回一個jquery對象
html頁面代碼:<p>Test Paragraph.</p>
jquery代碼:$("p").text("hovertree.com<b>Some</b> new text.");
結果:[ <p>hovertree.com<b>Some</b> new text.</p> ]