利用jquery.load()實作html架構效果

2013年3月13日 15:26:57

效果:點選一側的連接配接,根據連接配接得到的結果,改變另一側的内容

提示:這裡隻是主要代碼,至于相關的css我沒有添加,以免影響代碼閱讀

适合:初學jquery的同學(因為我是今天上午才接觸jquery,之前有一點js基礎)

貼代碼:

html,head等标簽自己加上去就行了,當然也别忘記引入jquery.js

解釋:

第14行,因為有多個超連結要響應ajax事件,是以用calss做選擇器

第16行,獲得點選的那個連接配接的URL,作為ajax的參數

第17行,阻止<a>标簽的跳轉

其餘行都是複制來的,稍做修改而成,有沒有效率等問題我還不知道,見諒