示例代碼如下：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert("text的值：" + $("#spId").text() + "\n" +
"html的值：" + $("#spId").html() )
$("#spId").text("testSpan")
alert("text的值：" + $("#spId").text() + "\n"+
"html的值：" + $("#spId").html() )
$("#spId").html("<p>testSpantest</p>")
alert("text的值：" + $("#spId").text() + "\n"+
"html的值：" + $("#spId").html() )
});
});
</script>
</head>
<body>
<div><span id="spId"><a href="#">初期值</a></span></div>
<button>切換</button>
</body>
</html>
注意：
有的時候無法取得值時，是因爲html是從上往下解析的，在解析到js裏的$("#spId")時，下面這個span還不存在，當然就取不到了。
js代碼放在<span>下面解析時，span就有了。另外，jquery的做法是用ready函數包含這些js代碼，這樣的話，就不存在位置的問題了，放到哪都可以。它的作用就是在加載完整個頁面後才執行包含的js。