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

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

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

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

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

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

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

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

PS:下面的運(yùn)行代碼，因?yàn)榧尤肓薺query，運(yùn)行后，刷新下，即可看到效果。

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

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

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

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

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

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

簡(jiǎn)寫方式:

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

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

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

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

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

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

JavaScriptTest2.rar

您可能感興趣的文章:

相關(guān)文章

牛叉的Jquery——Jquery與DOM對(duì)象的互相轉(zhuǎn)換及DOM的三種操作
Jquery對(duì)象就是通過jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象，jQuery對(duì)象是jQuery獨(dú)有的，其可以使用jQuery里的方法，本文給大家介紹Jquery對(duì)象就是通過jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象，jQuery對(duì)象是jQuery獨(dú)有的，其可以使用jQuery里的方法。感興趣的朋友可以參考下
2015-10-10
jQuery插件datatables使用教程
jQuery 的插件 dataTables 是一個(gè)優(yōu)秀的表格插件，提供了針對(duì)表格的排序、瀏覽器分頁、服務(wù)器分頁、篩選、格式化等功能。接下來通過本文給大家介紹jQuery插件datatables使用教程，感興趣的朋友一起學(xué)習(xí)吧
2016-04-04
jquery(live)中File input的change方法只起一次作用的解決辦法
jquery中File input的change方法只起一次作用的解決辦法，需要的朋友可以參考下。
2011-10-10
使用jQuery管理選擇結(jié)果
這篇文章主要介紹了使用jQuery管理選擇結(jié)果的相關(guān)資料,需要的朋友可以參考下
2015-01-01
jQuery縱向?qū)Ш讲藛涡Ч麑?shí)現(xiàn)方法
這篇文章主要介紹了jQuery縱向?qū)Ш讲藛涡Ч麑?shí)現(xiàn)方法,可實(shí)現(xiàn)類似淘寶首頁縱向菜單的顯示效果,涉及jQuery鼠標(biāo)響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2016-12-12
jQuery中removeProp()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeProp()方法用法,實(shí)例分析了removeProp()方法的功能、定義及刪除由prop()方法設(shè)置的屬性時(shí)的使用技巧,需要的朋友可以參考下
2015-01-01
解決jquery操作checkbox火狐下第二次無法勾選問題
在工作中使用jquery操作checkbox，進(jìn)行全選、反選，現(xiàn)在的問題是火狐下第二次無法勾選問題，在下面有個(gè)詳細(xì)的解答，感興趣的朋友可以參考下
2014-02-02
仿當(dāng)當(dāng)網(wǎng)淘寶網(wǎng)等主流電子商務(wù)網(wǎng)站商品分類導(dǎo)航菜單
本文實(shí)現(xiàn)了一個(gè)分類導(dǎo)航的菜單,和大多數(shù)流行的電子商務(wù)網(wǎng)站類似，詳細(xì)的實(shí)現(xiàn)可以直接查看源代碼.所有的代碼都在一個(gè)sidebar.html文件中
2013-09-09
jquery實(shí)現(xiàn)放大鏡簡(jiǎn)潔代碼(推薦)
這篇文章主要介紹了jquery實(shí)現(xiàn)放大鏡簡(jiǎn)潔代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-06-06
jQuery代碼實(shí)現(xiàn)圖片墻自動(dòng)+手動(dòng)淡入淡出切換效果
在網(wǎng)頁上經(jīng)?？梢钥吹接斜尘皥D片可以自動(dòng)淡入淡入切換的效果，非常漂亮，實(shí)用性也非常高，今天小編給大家分享基于jquery代碼實(shí)現(xiàn)圖片墻自動(dòng)+手動(dòng)淡入淡出切換效果，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05