iT邦幫忙

3

jQuery環境建置

  • 分享至 

  • xImage
  •  

什麼是jQuery?
jQuery 是一個快速又簡潔的JavaScript 程式庫,簡化了在HTML 文件裡面尋找DOM 物件、處理事件、製作動畫、和處理Ajax 互動的過程。

而且各個瀏覽器因各自的特性對網頁所產生出來的效果不盡相同,但 jQuery 大部分均能將其結果依照各個瀏覽器的性質來呈現,也就是說 jQuery 幫我們處理了不同瀏覽器呈現的問題。

環境建置&測試

  1. 先至http://jquery.com 網站下載

  2. jquery-x.x.x.js
    是jquery原始檔案,代碼比較有層次,佔用空間較大,所以檔偏大。

  3. jquery-x.x.x.min.js
    也是jquery 檔,是壓縮檔,是對原始檔案的壓縮狀態,所以檔比較小,在呼叫jQuery文件的时候,建議採用這種版本

  4. 加入至專案
    http://ithelp.ithome.com.tw/upload/images/20170919/20106764FusAaoTmW1.png

  5. 使用
    http://ithelp.ithome.com.tw/upload/images/20170919/20106764436VQYLotL.png
    顯示結果
    http://ithelp.ithome.com.tw/upload/images/20170919/20106764J8DewCA6YF.png

比較非壓縮與壓縮min之差別
http://ithelp.ithome.com.tw/upload/images/20170926/201067645IV2gCuBMA.png
http://ithelp.ithome.com.tw/upload/images/20170926/20106764uyOSDV6kPs.pnghttp://ithelp.ithome.com.tw/upload/images/20170926/20106764YXXZQetgwI.png

其它 用網路上的

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

ref


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

2
小魚
iT邦大師 1 級 ‧ 2017-09-19 20:18:09

恩恩,
原來min跟原來的檔案還是有差的啊,
我好像都習慣呼叫原來的檔案...
/images/emoticon/emoticon16.gif

會不會有可能因為這樣速度變慢?

baida0630 iT邦新手 4 級 ‧ 2017-09-20 09:40:42 檢舉

我也是 哈哈

fillano iT邦超人 1 級 ‧ 2017-09-21 09:45:19 檢舉

主要的差距還是在檔案大小影響下載時間,執行起來應該就沒差。

小魚 iT邦大師 1 級 ‧ 2017-09-21 11:55:21 檢舉

不過會影響一開始的執行速度吧,
不過我猜可能影響不大.

我要留言

立即登入留言