[jQuery]jQuery 基本教學
jQuery 是一套 JavaScript Library，
你必須具用 JavaScript 的基礎，
如果會一些 JavaScript 會比較容易上手，
jQuery 簡化了對 HTML 文件的操作，動畫以及事件處理，
同時又是快速 Ajax 開發交互平台。
jQuery 跟 UI 相關的 plugins 已經做過了一些整合，
目前獨立發佈為 jQuery UI (http://ui.jquery.com/)，
jQuery 的使命是改變你編寫 JavaScript 語法的方式 ,
透過 jQuery 可以用最精簡少量的程式碼來輕鬆達到
跨瀏覽器 DOM 操作、事件處理、設計頁面元素動態效果、AJAX 互動等。
特點：
語法簡潔、支援廣泛、輕薄短小、擴充彈性
一、初學
首先到 jQuery 官網
http://jquery.com/download/
jQuery Download ，在官網會有二種可以Download
這可為 產品用，且程式碼有壓縮過，檔案比較小。
Download the compressed, production jQuery 1.9.1
http://code.jquery.com/jquery-1.9.1.min.js
這可為 開發用，且程式碼沒有壓縮過，可以看到原來的程式碼，檔案比較大。
Download the uncompressed, development jQuery 1.9.1
http://code.jquery.com/jquery-1.9.1.js
接著將此 JS 檔放進您網頁 HTML 的 <head> 及 </head> 之間...
<script type="text/javascript" src="jQuery 檔案路徑"></script>
例：
<script src="../js/jquery-1.9.1.min.js" type="text/javascript"> </script>
or
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
jQuery CDN
利用 Google
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
另外 jQuery Migrate plugin 主要是修正bug
jQuery Migrate 1.1.1 Released
http://blog.jquery.com/2013/02/16/jquery-migrate-1-1-1-released/
從舊版本的jQuery 插件以簡化的過渡。該插件恢復，使舊的代碼仍然會正常運行，
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
註：
使用未壓縮的開發版本，診斷的兼容性問題，將發出警告，在控制台上，
你可以使用壓縮生產版本，簡單地修復控制台的警告，
而不會產生兼容性問題。
沒有留言:
張貼留言