讀取、修改元素的html結構或元素的文字內容是常見的DOM操作，jQuery針對這樣的處理提供了2個便捷的方法.html()與.text()
html()方法
取得集合中第一個符合元素的HTML內容或設定每個符合元素的html內容，具體有3種用法：
# .html () 不傳入值，就是取得集合中第一個符合元素的HTML內容
.html( htmlString ) 設定每一個符合元素的html內容
, oldhtml) ) 用來傳回設定HTML內容的一個函數
註：.html()方法內部使用的是DOM的innerHTML屬性來處理的，所以在設定與取得上需要注意的一個最重要的問題，這個操作是針對整個HTML內容（不僅僅只是文字內容）
下面我們來看以下html() 方法的一些實例
如何改變html元素的內容 程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="dv">php 中文网</div>
<script type="text/javascript">
$('#dv').html("www.php.cn");
</script>
</body>
</html>改變了div標籤的內容
2.追蹤內容
#例如上面實例，我們要在ｐｈｐ中文網後面追加一個網址，這樣我們需要怎樣去實現
請看下面代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="dv">php 中文网</div>
<script type="text/javascript">
$('#dv').append("www.php.cn");
</script>
</body>
</html>如上實例，這樣就會給我們的div 標籤追加一個www .php.cn 的網址
after 與 before 方法
after: 在所有符合的元素之後插入HTML 內容
#before: 在所有符合的元素之前插入HTML 內容
例如，我們以上範例，如何在 div 標籤前或後加上內容
##如下實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="dv">php 中文网</div>
<script type="text/javascript">
$('#dv').before("欢迎来到：");
$("#dv").after("学习编程");
</script>
</body>
</html> text()方法
得到匹配元素集合中每個元素的文本內容結合，包括他們的後代，或設定匹配元素集合中每個元素的文本內容為指定的文本內容。 ，具體有3種用法：
.text() 得到符合元素集合中每個元素的合併文本，包括他們的後代
.text( textString ) 用於設定匹配元素內容的文字
.text( function(index, text) ) 用來傳回設定文字內容的一個函數
請看下面的實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="dv">php 中文网</div>
<script type="text/javascript">
alert($('#dv').text());
</script>
</body>
</html>
#下一節
