從零開始學習jquery (一)


一、jquery是什么

Jquery是繼prototype之后又一個優秀的Javascript庫。它是輕量級的js庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標准通用標記語言下的一個應用)、events、實現動畫效果,並且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離,也就是說,不用再在html里面插入一堆js來調用命令了,只需要定義id即可。總的來說,就是使用jquery后,我們可以不再蘿莉啰嗦的寫一大堆JavaScript代碼而使用jquery簡單代碼就能實現其功能了。

二、怎樣得到和使用jquery

2.1 如何得到jquery:

2.1.1到官網下載:http://jquery.com/,有兩種版本

  • Production version - 用於實際的網站中,已被精簡和壓縮。
  • Development version - 用於測試和開發(未壓縮,是可讀的代碼)

2.1.2 加載cdn:cdn是指內容分發網絡

如果您不希望下載並存放 jQuery,那么也可以通過 CDN(內容分發網絡) 引用它。

百度、又拍雲、新浪、谷歌和微軟的服務器都存有 jQuery 。

如果你的站點用戶是國內的,建議使用百度、又拍雲、新浪等國內CDN地址,如果你站點用戶是國外的可以使用谷歌和微軟。

2.1.3 通過nuget 引用第三方插件(jquery 或者其他的)(什么是nuget? 自己百度去),個人認為通過這種方式的體驗最好。推薦使用這種方法,特別是對於新手來說。

2.2 如何使用jquery

2.2.1通過nuget引用jquery,先安裝nuget,然后右鍵項目--管理nuget程序包,在左邊選擇聯機 ,輸入jquery ,選擇后 安裝即可以。

安裝完成后 我們發現其有四個文件。尤其注意其中一個vsdoc文件其是jquery的智能感應文件,有了它我們可以方便快速的擼碼。如果不是通過nuget得到jquery,你需要自己下載對應的vsdoc文件。

 

如何使用jquery呢?我們在需要使用jquery的網頁 head標簽內引用jquery即可。src是指存放的jquery的文件的物理位置。

  <script type="text/javascript" src="Scripts/jquery-2.1.3.js"></script>

2.2.2 通過cdn加載,國內的話一般使用百度的cdn加載。

<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
</head>

  

又拍雲 CDN:

<head>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>

  

新浪 CDN:

<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>

  到這里我們基本了解了如何獲得和使用jquery了。

  


免責聲明!

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



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