最近開始玩jQuery這小巧強大的JavaScript函式庫，
首先試著利用jQuery來實作連結更新部份頁面的效果。

例如這是導覽列的部份：
[ccel lang=”html”]

• A
• B

[/ccel]
而現在有一個id為content的div，
當擊點導覽列時所連結的到網頁會顯示在該div中，
在下面就可以寫上jQuery來達到效果，
只是一開始我是用比較笨的寫法：
[cce_javascript]
<script type=”text/javascript”>
$(“li#a”).click(function(){
$(“div#content”).load(“a.html”);
});
$(“li#b”).click(function(){
$(“div#content”).load(“b.html”);
});
</script>
[/cce_javascript]
以第一個連結為例子，
先利用當滑鼠擊點id為a的li後，
使用當中所寫的函式，
讀取a.html這個網頁顯示到id為content的div之中。
但這種寫法的缺點是導覽列每新增一個，
下面就要再多寫一條，
如果覽導列很長下面也會寫得一大串。
後來有問到其實可以利用onclick加到連結之中，
如下：
[cce_html width=”500″]
<a href=”#” onclick=”$(‘#content’).load(‘a.html’);”>A</a>
[/cce_html]
如此程式碼就簡潔多了。