在追求頁面互動效果的時代,大家都想把頁面效果做的美輪美奂,這一切都離不開前端技術腳本Javascript,而最近常被人用到的Javascript庫檔案則是jQuery。 jQuery的使用具體步驟如下:
一、調用庫檔案
使用jQuery必須連結jQuery的庫檔案,無論是壓縮版還是正常版,必須至少在網頁中連結一個,如:
<script type="text/javascript" src="jquery.js"></script>
或者
<script src="jquery.min.js" type="text/javascript"></script>
二、啟動Jquery效果
連結好jQuery庫檔案後,還要在使用jQuery效果的頁面中啟動效果,如:
$(document).ready(function(){ // 書寫代碼處 });
在網頁中加入以上兩處,jQuery效果就能被調用出來了。
三、調用Jquery插件
除此之外,還有一種特殊情況,就是應用其他同學已經做好的jQuery插件效果。所謂jQuery插件,就是開發愛好者自己利用Jquery制作的特效,
然後經過封包或包裝處理成js檔案,釋出到網上供大家使用的腳本集合。通常這類插件除了調用jQuery庫檔案,還需要調用插件檔案。都有使用說明,
一看即會。 比如jQuery官網制作的插件jQuery,在使用它時不僅要連結庫檔案,還要連結UI檔案以及UI的CSS檔案,如:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
經過這幾部的操作,jQuery效果才能真正被引用到網頁檔案中起到作用。