快捷導(dǎo)航

jQuery 練習(xí)[一] 學(xué)習(xí)jquery的準(zhǔn)備工作

更新時間：2010年05月28日 01:56:17 作者：

初次嘗試 jQuery, 近乎震撼! 簡潔、高效、優(yōu)雅、平易, 太有思想了.

使用 jQuery 寫 JavaScript 腳本就像是用 Delphi 寫 Windows 程序一樣, 它不是更強大, 只是更易用.

計劃先全面瀏覽、測試一遍 jQuery 的語法, 同時洞察其邏輯與思想; 最后嘗試在 Delphi 中使用 jQuery, 估計要比使用 MSHTML.pas 方便得多.

官方站點: http://jquery.com/
中文文檔: http://jquery-api-zh-cn.googlecode.com/
下載地址: http://docs.jquery.com/Downloading_jQuery

jQuery 庫就是一個 js 文件, 有不同規(guī)格的版本:

要查看源碼應(yīng)該用: 標(biāo)準(zhǔn)版(如: jquery-1.4.2.js)
實際應(yīng)用應(yīng)該使用: min 版(如: jquery-1.4.2.min.js);
在 VS 編輯時可以使用有代碼提示的 vsdoc 版本, 不過暫能找到的 vsdoc 最新版本是 1.4.1 的, 也可以.

PS:下面的運行代碼，因為加入了jquery，運行后，刷新下，即可看到效果。

使用前應(yīng)先在頁面中調(diào)用; 測試頁:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

應(yīng)該把 jQuery 代碼寫在哪呢? 這和普通的 JavaScript 沒有區(qū)別, 如下面代碼:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

用 jQuery 的方式, 上面代碼可以改為:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

簡寫方式:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

$(document) 是 jQuery 的對象, 類似又不同于 window.document;
jQuery 有著自己的一套體系(對象、方法、事件等).
$(document).ready() 類似又不同于(早于) window.onload(), 且前者可重復(fù)使用:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

window.onload() 發(fā)生在頁面載入完成時,
$(document).ready() 發(fā)生在頁面主體框架載入完成時(或許某個圖片還沒下載完);
當(dāng)需要這個時機時, 我更喜歡把代碼放在頁尾:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

用什么工具呢? 聽說有很多, 我覺得 VS 就不錯, 還有代碼提示, 就是太慢了, 不如自己寫一個: