一、簡介

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)用到我們的項目中能夠使程序員從設(shè)計和書寫繁雜的JS應(yīng)用中解脫出來，將關(guān)注點轉(zhuǎn)向功能需求而非實現(xiàn)細節(jié)上，從而提高項目的開發(fā)速度。
jQuery是繼prototype之后的又一個優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的，它有助于簡化JavaScript™ 以及Ajax編程。有人使用這樣的一比喻來比較prototype和jQuery：prototype就像Java，而jQuery就像ruby.它是一個簡潔快速靈活的JavaScript框架，它能讓你在你的網(wǎng)頁上簡單的操作文檔、處理事件、實現(xiàn)特效并為Web頁面添加Ajax交互。

它具有如下一些特點：
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擴展其他功能。
6、能將JS代碼和HTML代碼完全分離，便于代碼和維護和修改。
7、插件豐富，除了jQuery本身帶有的一些特效外，可以通過插件實現(xià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)用程序中。
官方站點：http://jquery.com/  中文站點：http://jquery.org.cn/

1.2、目的
通過學(xué)習(xí)本文檔，能夠?qū)Query有一個簡單的認識了解，清楚JQuery與其他JS框架的不同，掌握jQuery的常用語法、使用技巧及注意事項。

二、使用方法
在需要使用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的起點教程》和《使用 jQuery 簡化 Ajax 開發(fā)》
(說明：以上文檔都放在了【附件】中)

四、語法總結(jié)和注意事項

1、關(guān)于頁面元素的引用
通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關(guān)系及dom或者xpath條件等方法，且返回的對象為jquery對象（集合對象），不能直接調(diào)用dom定義的方法。

2、jQuery對象與dom對象的轉(zhuǎn)換
只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區(qū)別的，調(diào)用方法時要注意操作的是dom對象還是jquery對象。
普通的dom對象一般可以通過$()轉(zhuǎn)換成jquery對象。
如：$(document.getElementById("msg"))則為jquery對象，可以使用jquery的方法。
由于jquery對象本身是一個集合。所以如果jquery對象要轉(zhuǎn)換為dom對象則必須取出其中的某一項，一般可通過索引取出。
如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]這些都是dom對象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下幾種寫法都是正確的：

$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;
        

        

        
        
      
        
it知識庫：jQuery技巧總結(jié)，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。