jquery取得html元素內容的方法：1、使用html()，可傳回被選元素的內容，語法「$(selector).html()」；2、使用text()，可傳回被選元素的文字內容，語法「$(selector).text()」。
本教學操作環境：windows10系統、jquery1.8.3，本文適用於所有品牌的電腦。
【相關推薦：jQuery影片教學】
#1、html()：傳回原始HTML文件、但是在IE中可能存在相容性，具體如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="box">
<p class="b2">我是一个p元素</p>
<span>你好</span>
</p>
</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() 方法取得或設定文字值.html()方法<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="box">
<p class="b2">我是一个p元素</p>
<span>你好</span>
</p>
</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()方法
此方法大多用於 input 元素。
更多程式相關知識，請造訪：程式設計課程！ ！
以上是jquery怎麼取得html元素的內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
