jQuery獲取和設置元素內容

在頁面上，用html（）和text（）方法來獲取div標記的內容，並將內容分別作為html（val）和text（val）的參數，分別設置元素的內容，並將結果設置在頁面中。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>獲取或設置元素的內容</title>
<script type="text/javascript"
src="../Jscript/jquery-1.4.2.js">
</script>
<script type="text/javascript"
src="../Jscript/jquery-1.4.2-vsdoc.js">
</script>
<style type="text/css">
body{font-size:15px;text-align:center}
div{border:solid 1px #666;padding:5px;width:220px;margin:30px}
</style>
<script type="text/javascript">
$(function() {
var strHTML = $("#divShow").html();//獲取HTML內容
var strText = $("#divShow").text();//獲取文本內容
$("#divHTML").html(strHTML);//設置HTML內容
$("#divText").text(strText);//設置文本內容
})
</script>
</head>
<body>
<div id="divShow"><b><i>i am testing Jquery</i></b></div>
<div id="divHTML"></div>
<div id="divText"></div>
</body>
</html>