標籤:
1、html():返回原始HTML文檔、但是在IE中可能存在相容性,具體如下
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><div id="box"><p class="b2">我是一個p元素</p><span>你好</span></div></body><script src="libs/jquery-1.8.3.min.js"></script><script type="text/javascript">$(function(){var str = $("#box").html();console.log(str);// <p>我是一個p元素</p>// <span>你好</span>//解釋:該方法使用的是JS中的innerHTML()有些瀏覽器返回的結果可能不是原始文檔的 HTML 原始碼。例如,如果屬性值只包含字母數字字元,Internet Explorer有時丟棄包裹屬性值的引號});</script></html>
2、text(): 得到匹配元素集合中每個元素的合并文本,包括他們的後代
.text() 方法不能使用在 input 元素或scripts元素上,input 或 textarea 需要使用 .val() 方法擷取或設定文本值
- 得到scripts元素的值,使用
.html()方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="box"> <p class="b2">我是一個p元素</p> <span>你好</span> </div></body><script src="libs/jquery-1.8.3.min.js"></script><script type="text/javascript"> $(function(){ var str = $("#box").text(); console.log(str); // 我是一個p元素 // 你好 });</script></html>
3、val()方法
- 元素的值是通過 value 屬性設定的。
- 該方法大多用於 input 元素。
jQuery基礎:擷取元素內容