jQuery插件的使用方法


在追求頁面互動效果的時代,大家都想把頁面效果做的美輪美奐,這一切都離不開前端技術腳本Javascript,而最近常被人用到的Javascript庫文件則是jQuery。 

      用的人多了,問題自然就多了起來,本篇文章為沒有用過Jquery的同學做個鋪墊,講解一下如何應用jQuery文件。 jQquery的用法和一般的Javascript腳本用法大部分相似,但也有一些不同,一般的Javascript腳本文件有幾種使用方法:
      1、內部引用,直接在網頁中寫Javascript腳本,然后在頁面中某處調用,這類腳本只能針對本網頁起作用; 2、外部調用,將Javascript腳本寫在一個文件中,保存為js文件,然后在其它地方引用; 3、內聯使用,直接在頁面中某處添加Javascript代碼。
      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效果才能真正被引用到網頁文件中起到作用。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM