jQuery基礎(chǔ)學(xué)習(xí)技巧總結(jié)第1/4頁
更新時間:2007年06月09日 00:00:00 作者:
一、簡介
1.1、概述
隨著WEB2.0及ajax思想在互聯(lián)網(wǎng)上的快速發(fā)展傳播,陸續(xù)出現(xiàn)了一些優(yōu)秀的Js框架,其中比較著名的有Prototype、YUI、jQuery、mootools、Bindows以及國內(nèi)的JSVM框架等,通過將這些JS框架應(yīng)用到我們的項(xiàng)目中能夠使程序員從設(shè)計和書寫繁雜的JS應(yīng)用中解脫出來,將關(guān)注點(diǎn)轉(zhuǎn)向功能需求而非實(shí)現(xiàn)細(xì)節(jié)上,從而提高項(xiàng)目的開發(fā)速度。
jQuery是繼prototype之后的又一個優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的,它有助于簡化 JavaScript™ 以及Ajax 編程。有人使用這樣的一比喻來比較prototype和jQuery:prototype就像Java,而jQuery就像ruby. 它是一個簡潔快速靈活的JavaScript框架,它能讓你在你的網(wǎng)頁上簡單的操作文檔、處理事件、實(shí)現(xiàn)特效并為Web頁面添加Ajax交互。
它具有如下一些特點(diǎn):
1、代碼簡練、語義易懂、學(xué)習(xí)快速、文檔豐富。
2、jQuery是一個輕量級的腳本,其代碼非常小巧,最新版的JavaScript包只有20K左右。
3、jQuery支持CSS1-CSS3,以及基本的xPath。
4、jQuery是跨瀏覽器的,它支持的瀏覽器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
5、可以很容易的為jQuery擴(kuò)展其他功能。
6、能將JS代碼和HTML代碼完全分離,便于代碼和維護(hù)和修改。
7、插件豐富,除了jQuery本身帶有的一些特效外,可以通過插件實(shí)現(xiàn)更多功能,如表單驗(yàn)證、tab導(dǎo)航、拖放效果、表格排序、DataGrid,樹形菜單、圖像特效以及ajax上傳等。
jQuery的設(shè)計會改變你寫JavaScript代碼的方式,降低你學(xué)習(xí)使用JS操作網(wǎng)頁的復(fù)雜度,提高網(wǎng)頁JS開發(fā)效率,無論對于js初學(xué)者還是資深專家,jQuery都將是您的首選。
jQuery適合于設(shè)計師、開發(fā)者以及那些還好者,同樣適合用于商業(yè)開發(fā),可以說jQuery適合任何JavaScript應(yīng)用的地方,可用于不同的Web應(yīng)用程序中。
官方站點(diǎn):http://jquery.com/ 中文站點(diǎn):http://jquery.org.cn/
1.2、目的
通過學(xué)習(xí)本文檔,能夠?qū)Query有一個簡單的認(rèn)識了解,清楚JQuery與其他JS框架的不同,掌握jQuery的常用語法、使用技巧及注意事項(xiàng)。
二、使用方法
在需要使用JQuery的頁面中引入JQuery的js文件即可。
例如:
<script type="text/javascript" src="js/jquery.js"></script>
引入之后便可在頁面的任意地方使用jQuery提供的語法。
三、學(xué)習(xí)教程及參考資料
請參照《jQuery中文API手冊》和http://jquery.org.cn/visual/cn/index.xml
推薦兩篇不錯的jquery教程:《jQuery的起點(diǎn)教程》和《使用 jQuery 簡化 Ajax 開發(fā)》
(說明:以上文檔都放在了【附件】中)
1.1、概述
隨著WEB2.0及ajax思想在互聯(lián)網(wǎng)上的快速發(fā)展傳播,陸續(xù)出現(xiàn)了一些優(yōu)秀的Js框架,其中比較著名的有Prototype、YUI、jQuery、mootools、Bindows以及國內(nèi)的JSVM框架等,通過將這些JS框架應(yīng)用到我們的項(xiàng)目中能夠使程序員從設(shè)計和書寫繁雜的JS應(yīng)用中解脫出來,將關(guān)注點(diǎn)轉(zhuǎn)向功能需求而非實(shí)現(xiàn)細(xì)節(jié)上,從而提高項(xiàng)目的開發(fā)速度。
jQuery是繼prototype之后的又一個優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的,它有助于簡化 JavaScript™ 以及Ajax 編程。有人使用這樣的一比喻來比較prototype和jQuery:prototype就像Java,而jQuery就像ruby. 它是一個簡潔快速靈活的JavaScript框架,它能讓你在你的網(wǎng)頁上簡單的操作文檔、處理事件、實(shí)現(xiàn)特效并為Web頁面添加Ajax交互。
它具有如下一些特點(diǎn):
1、代碼簡練、語義易懂、學(xué)習(xí)快速、文檔豐富。
2、jQuery是一個輕量級的腳本,其代碼非常小巧,最新版的JavaScript包只有20K左右。
3、jQuery支持CSS1-CSS3,以及基本的xPath。
4、jQuery是跨瀏覽器的,它支持的瀏覽器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
5、可以很容易的為jQuery擴(kuò)展其他功能。
6、能將JS代碼和HTML代碼完全分離,便于代碼和維護(hù)和修改。
7、插件豐富,除了jQuery本身帶有的一些特效外,可以通過插件實(shí)現(xiàn)更多功能,如表單驗(yàn)證、tab導(dǎo)航、拖放效果、表格排序、DataGrid,樹形菜單、圖像特效以及ajax上傳等。
jQuery的設(shè)計會改變你寫JavaScript代碼的方式,降低你學(xué)習(xí)使用JS操作網(wǎng)頁的復(fù)雜度,提高網(wǎng)頁JS開發(fā)效率,無論對于js初學(xué)者還是資深專家,jQuery都將是您的首選。
jQuery適合于設(shè)計師、開發(fā)者以及那些還好者,同樣適合用于商業(yè)開發(fā),可以說jQuery適合任何JavaScript應(yīng)用的地方,可用于不同的Web應(yīng)用程序中。
官方站點(diǎn):http://jquery.com/ 中文站點(diǎn):http://jquery.org.cn/
1.2、目的
通過學(xué)習(xí)本文檔,能夠?qū)Query有一個簡單的認(rèn)識了解,清楚JQuery與其他JS框架的不同,掌握jQuery的常用語法、使用技巧及注意事項(xiàng)。
二、使用方法
在需要使用JQuery的頁面中引入JQuery的js文件即可。
例如:
<script type="text/javascript" src="js/jquery.js"></script>
引入之后便可在頁面的任意地方使用jQuery提供的語法。
三、學(xué)習(xí)教程及參考資料
請參照《jQuery中文API手冊》和http://jquery.org.cn/visual/cn/index.xml
推薦兩篇不錯的jquery教程:《jQuery的起點(diǎn)教程》和《使用 jQuery 簡化 Ajax 開發(fā)》
(說明:以上文檔都放在了【附件】中)
相關(guān)文章
jQuery實(shí)現(xiàn)簡潔的導(dǎo)航菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡潔的導(dǎo)航菜單效果,簡潔大方的導(dǎo)航菜單,需要的朋友可以參考下2015-11-11JQ技術(shù)實(shí)現(xiàn)注冊頁面帶有校驗(yàn)密碼強(qiáng)度
這篇文章主要介紹了JQ技術(shù)實(shí)現(xiàn)注冊頁面帶有校驗(yàn)密碼強(qiáng)度,需要的朋友可以參考下2015-07-07通過jquery的$.getJSON做一個跨域ajax請求試驗(yàn)
jquery提供了$.getJSON的方法,讓我們可以實(shí)現(xiàn)跨域ajax請求,但jqueryAPI上的內(nèi)容實(shí)在太少,如何用$.getJSON,請求網(wǎng)站應(yīng)該返回怎樣的數(shù)據(jù)庫才能讓$.getJSON獲取到,下面我就用一個實(shí)際例子來說明下。2011-05-05幻燈片帶網(wǎng)頁設(shè)計中的20個奇妙應(yīng)用示例小結(jié)
幻燈片效果在網(wǎng)站中的使用非常流行,使用幻燈片效果既能在有限的網(wǎng)頁空間內(nèi)展示更多的內(nèi)容,又能增強(qiáng)視覺趣味,網(wǎng)上眾多的幻燈片插件資源也使得幻燈片的實(shí)現(xiàn)變得十分簡單2012-05-05jquery實(shí)現(xiàn)實(shí)時改變網(wǎng)頁字體大小、字體背景色和顏色的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)實(shí)時改變網(wǎng)頁字體大小、字體背景色和顏色的方法,涉及jquery使用css方法動態(tài)操作頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08jQuery中ajax的相關(guān)知識點(diǎn)匯總
這篇文章主要給大家介紹了關(guān)于jQuery中ajax相關(guān)知識點(diǎn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03jQuery實(shí)現(xiàn)鼠標(biāo)懸停顯示提示信息窗口的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)懸停顯示提示信息窗口的方法,涉及jQuery操作鼠標(biāo)事件及show、hide等方法的使用技巧,需要的朋友可以參考下2015-04-04