[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>
註:
使用未壓縮的開發版本,診斷的兼容性問題,將發出警告,在控制台上,
你可以使用壓縮生產版本,簡單地修復控制台的警告,
而不會產生兼容性問題。
公告版位
- Mar 25 Mon 2013 22:55
[jQuery]jQuery 基本教學
close
文章標籤
全站熱搜
留言列表