jQuery基礎(chǔ)學(xué)習(xí)技巧總結(jié)第1/4頁
更新時(shí)間：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è)計(jì)和書寫繁雜的JS應(yīng)用中解脫出來，將關(guān)注點(diǎn)轉(zhuǎn)向功能需求而非實(shí)現(xiàn)細(xì)節(jié)上，從而提高項(xiàng)目的開發(fā)速度。
jQuery是繼prototype之后的又一個(gè)優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的，它有助于簡化 JavaScript™ 以及Ajax 編程。有人使用這樣的一比喻來比較prototype和jQuery：prototype就像Java，而jQuery就像ruby. 它是一個(gè)簡潔快速靈活的JavaScript框架，它能讓你在你的網(wǎng)頁上簡單的操作文檔、處理事件、實(shí)現(xiàn)特效并為Web頁面添加Ajax交互。
它具有如下一些特點(diǎn)：
1、代碼簡練、語義易懂、學(xué)習(xí)快速、文檔豐富。
2、jQuery是一個(gè)輕量級(jí)的腳本，其代碼非常小巧，最新版的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è)計(jì)會(huì)改變你寫JavaScript代碼的方式，降低你學(xué)習(xí)使用JS操作網(wǎng)頁的復(fù)雜度，提高網(wǎng)頁JS開發(fā)效率，無論對(duì)于js初學(xué)者還是資深專家，jQuery都將是您的首選。
jQuery適合于設(shè)計(jì)師、開發(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有一個(gè)簡單的認(rèn)識(shí)了解，清楚JQuery與其他JS框架的不同，掌握jQuery的常用語法、使用技巧及注意事項(xiàng)。
二、使用方法
在需要使用JQuery的頁面中引入JQuery的js文件即可。
例如：
<script type="text/javascript" src="js/jquery.js"></script>
引入之后便可在頁面的任意地方使用jQuery提供的語法。
三、學(xué)習(xí)教程及參考資料
請(qǐng)參照《jQuery中文API手冊》和http://jquery.org.cn/visual/cn/index.xml
推薦兩篇不錯(cuò)的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è)計(jì)和書寫繁雜的JS應(yīng)用中解脫出來，將關(guān)注點(diǎn)轉(zhuǎn)向功能需求而非實(shí)現(xiàn)細(xì)節(jié)上，從而提高項(xiàng)目的開發(fā)速度。
jQuery是繼prototype之后的又一個(gè)優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的，它有助于簡化 JavaScript™ 以及Ajax 編程。有人使用這樣的一比喻來比較prototype和jQuery：prototype就像Java，而jQuery就像ruby. 它是一個(gè)簡潔快速靈活的JavaScript框架，它能讓你在你的網(wǎng)頁上簡單的操作文檔、處理事件、實(shí)現(xiàn)特效并為Web頁面添加Ajax交互。
它具有如下一些特點(diǎn)：
1、代碼簡練、語義易懂、學(xué)習(xí)快速、文檔豐富。
2、jQuery是一個(gè)輕量級(jí)的腳本，其代碼非常小巧，最新版的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è)計(jì)會(huì)改變你寫JavaScript代碼的方式，降低你學(xué)習(xí)使用JS操作網(wǎng)頁的復(fù)雜度，提高網(wǎng)頁JS開發(fā)效率，無論對(duì)于js初學(xué)者還是資深專家，jQuery都將是您的首選。
jQuery適合于設(shè)計(jì)師、開發(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有一個(gè)簡單的認(rèn)識(shí)了解，清楚JQuery與其他JS框架的不同，掌握jQuery的常用語法、使用技巧及注意事項(xiàng)。
二、使用方法
在需要使用JQuery的頁面中引入JQuery的js文件即可。
例如：
<script type="text/javascript" src="js/jquery.js"></script>
引入之后便可在頁面的任意地方使用jQuery提供的語法。
三、學(xué)習(xí)教程及參考資料
請(qǐng)參照《jQuery中文API手冊》和http://jquery.org.cn/visual/cn/index.xml
推薦兩篇不錯(cuò)的jquery教程：《jQuery的起點(diǎn)教程》和《使用 jQuery 簡化 Ajax 開發(fā)》
(說明：以上文檔都放在了【附件】中)
相關(guān)文章
這篇文章主要介紹了jQuery內(nèi)容過濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery中使用contains、empty、has、parent等進(jìn)行內(nèi)容過濾的操作技巧,需要的朋友可以參考下2016-09-09
jQuery easyui刷新當(dāng)前tabs的方法
這篇文章給大家介紹了jquery easyui刷新當(dāng)前tabs的方法，本文涉及到param參數(shù)的屬性知識(shí)點(diǎn)，本文通過實(shí)例給大家介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-09-09
EasyUI在Panel上動(dòng)態(tài)添加LinkButton按鈕
Easyui的panel面板，在panel的面板中動(dòng)態(tài)添加Linkbuton按鈕的編輯方法，下面把實(shí)現(xiàn)思路及代碼記錄到腳本之家平臺(tái)，供大家參考2017-08-08
在《彈出層之1：JQuery.Boxy (一)》中講到了JQuery.Boxy的基本用法，本次講下手動(dòng)創(chuàng)建實(shí)例，new一個(gè)boxy對(duì)象是很容易的，傳遞一些參數(shù)對(duì)象就能滿足不同的需求了。2011-10-10
html+jQuery實(shí)現(xiàn)拖動(dòng)滑塊圖片拼圖驗(yàn)證碼插件【移動(dòng)端適用】
這篇文章主要介紹了html+jQuery實(shí)現(xiàn)拖動(dòng)滑塊圖片拼圖驗(yàn)證碼插件，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
jQuery實(shí)現(xiàn) RadioButton做必選校驗(yàn)功能
這篇文章主要介紹了jQuery實(shí)現(xiàn) RadioButton做必選校驗(yàn)功能的相關(guān)資料,需要的朋友可以參考下2017-06-06
jquery提取元素里的純文本不包含span等里的內(nèi)容
如何實(shí)現(xiàn)提取元素里的純文本，不包含span等里的內(nèi)容，這就是本文要為大家介紹的重點(diǎn)，你將學(xué)會(huì)使用jquery來實(shí)現(xiàn)2013-09-09
jquery操作ID帶有變量的節(jié)點(diǎn)實(shí)例
下面小編就為大家?guī)硪黄猨query操作ID帶有變量的節(jié)點(diǎn)實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
jQuery獲得document和window對(duì)象寬度和高度的方法
這篇文章主要介紹了jQuery獲得document和window對(duì)象寬度和高度的方法,涉及jQuery獲取document和window對(duì)象屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
任意輸入國家和城市，用“，”分隔，點(diǎn)擊設(shè)置下面的超鏈接就變?yōu)榱藙傇O(shè)置的城市，點(diǎn)擊可以跳到這個(gè)城市的查看地圖頁，鼠標(biāo)移到超鏈接上會(huì)彈出一個(gè)350*350的地圖2013-05-05