2015年8月30日 星期日

jQuery 學習筆記

甚麼是 jQuery ?

jQuery 是一套跨瀏覽器的 JavaScript Library。也是目前最受歡迎的 JavaScript 函式庫。
它簡化了 HTML與JavaScript之間的操作,跟直接撰寫JavaScript相較,jQuery適合運用於簡化撰寫 DOM 文件的操作。
自己寫JavaScript,常常要去煩惱跨瀏覽器的問題,用jQuery開發網頁功能,它已經幫你處理好了。

初始設計者/創建提出年代:

最早由 John Resig 約翰·雷西格於2006年1月的BarCamp NYC上釋出第一個版本。

目前負責維護團隊:

目前是由Dave Methvin領導的開發團隊 jQuery Team 進行開發。官方網站 jquery.com

目前 jQuery 的發布版本

JQuery目前分成1.x版與2.x版,這兩種發布版本,後者不再支援IE 6/7/8,前者透過jQuery Migrate plugin與先前版本保持相容。

怎樣的環境可以撰寫與執行 jQuery ?

(1)去 jQuery 官網下載 jQuery Library  (官網下載網址),然後儲存於你的伺服器適當的目錄,並在你的網頁檔案之中,指向所下載的檔案。

舉例來說,你會下載:
jquery-1.11.3.min.js
或是
jquery-2.1.4.min.js

下載並儲存於適當的目錄後(這裡的範例是名稱為 js 的目錄),在網頁檔案 <head>......</head> 區塊之中,加入一行
<script type='text/javascript' src='js/jquery-1.11.3.min.js'></script>

例如:
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type='text/javascript' src='js/jquery-1.11.3.min.js'></script>
</head>

(2)也可以採用 Content Delivery Network (CDN 內容傳遞網路) 連接方式,參考外部的連結位置。

連結 jQuery's CDN 的範例:

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

連結Google的範例:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
        google.load("jquery", "1.3");
</script>

或是

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 上述寫法,其中1.10.2若改為1.10,可獲取1.10.x最新版本
改為1,可獲取1.x.x最新版本

連結 cdnjs.cloudflare.com 的範例:

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

連結 微軟 的範例:

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.11.3.min.js"></script>


關於 jQuery 的 plugin


參考連結 :
jQuery 官方網站  jquery.com
The Will Will Web  學習 jQuery 從入門到精通只要兩小時!
jsGears.com 技術論壇  jQuery 教學 - 基礎篇
webdesign.kerthis.com jQuery教學  jQuery - Write less, Do more

沒有留言:

張貼留言