iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 13
0
自我挑戰組

你看微客=[ 前端領域 - 超入門 ]系列 第 13

jQuery---[ 導入 ]---無用小觀念

  • 分享至 

  • xImage
  •  

導入

  • jQuery 為 Javascript 的函式庫,為具特定功能的 Javascript 程式碼的集合。
  • 引用 jQuery 的方式有兩種:
    1. 下載 jQuery 檔案,並與其他網頁檔一同放在網站上。( 優點:可於離線狀態下操作 )
    2. 使用 CDN ( Content Distribution Network ),向 jQuery、Microsoft 或 google 網站發出請求並取得。( 優點:若之前已快取過同一檔案至瀏覽器中,則無須再下載,故能提升網頁讀取速度 )
  • jQuery 2 開始不支援 IE 6、7、8 瀏覽器,jQuery 3 則新加入了一些功能(如:for..of),並對部分既有特性做了變更或移除。
  • jQuery 有分壓縮版與無壓縮版 ( .min ) ,無壓縮的版本保留空格並含有註解,適合學習理解時使用,網站上線時建議使用壓縮過的版本( 檔案較小下載較快 )。
  • 建議將 jQuery 檔案放在 js、libs 或 scripts 目錄下。
  • 使用 google CDN 時,可省略版本號,google 會自動提供最新的版本。( 例:以 1.10 取代 1.10.2 )
  • $(document).ready(a) 為 jQuery 定義的函式,a 為 HTML 載入完成後欲執行的程式。(此功能優於 window.onload,因為無需等待圖檔或影片載入)
$(document).ready(function(){
   // HTML載入完成後欲執行的程式
});

// 也可以縮寫成以下形式

$(function(){
   // HTML載入完成後欲執行的程式
});

上一篇
HTML 5---[ API:Web Workers ]---無用小觀念
下一篇
jQuery---[ 選擇器 ( Selector ) 、過濾器 ( Filter ) ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言