jQuery語法總結和注意事項小結

2024-05-06 14:20:55

字體：大中小

來源：轉載

供稿：網(wǎng)友

一、簡介

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框架應用到我們的項目中能夠使程序員從設計和書寫繁雜的JS應用中解脫出來，將關注點轉向功能需求而非實現(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交互。

它具有如下一些特點：

代碼簡練、語義易懂、學習快速、文檔豐富。
jQuery是一個輕量級的腳本，其代碼非常小巧，最新版的JavaScript包只有20K左右。
jQuery支持CSS1-CSS3,以及基本的xPath。
jQuery是跨瀏覽器的，它支持的瀏覽器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
可以很容易的為jQuery擴展其他功能。
能將JS代碼和HTML代碼完全分離，便于代碼和維護和修改。
插件豐富，除了jQuery本身帶有的一些特效外，可以通過插件實現(xiàn)更多功能，如表單驗證、tab導航、拖放效果、表格排序、DataGrid，樹形菜單、圖像特效以及ajax上傳等。

jQuery的設計會改變你寫JavaScript代碼的方式，降低你學習使用JS操作網(wǎng)頁的復雜度，提高網(wǎng)頁JS開發(fā)效率，無論對于js初學者還是資深專家，jQuery都將是您的首選。

jQuery適合于設計師、開發(fā)者以及那些還好者，同樣適合用于商業(yè)開發(fā)，可以說jQuery適合任何JavaScript應用的地方，可用于不同的Web應用程序中。

官方站點：http://jquery.com/ 中文站點：http://jquery.org.cn/

1.2、目的

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

二、使用方法

在需要使用JQuery的頁面中引入JQuery的js文件即可。
例如：<script type="text/javascript" src="js/jquery.js"></script>
引入之后便可在頁面的任意地方使用jQuery提供的語法。

三、學習教程及參考資料

請參照《jQuery中文API手冊》和http://jquery.org.cn/visual/cn/index.xml
推薦兩篇不錯的jquery教程：《jQuery的起點教程》和《使用 jQuery 簡化 Ajax 開發(fā)》

四、語法總結和注意事項

1、關于頁面元素的引用

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

上一篇：jquery1.83 之前所有與異步列隊相關的模塊詳細介紹

下一篇：Javascript繼承(上)——對象構建介紹