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