jQuery 入門教程(一): 概述

來源:互聯網
上載者:User

標籤:c   class   code   java   http   ext   

jQuery是一套跨瀏覽器的JavaScript函式庫,簡化HTML與JavaScript之間的操作,下面為摘自Wikepedia上的jQuery說明:

jQuery 是開源軟體,使用MIT許可證授權。[4] jQuery的文法設計使得許多操作變得容易,如操作文檔對象(document)、選擇DOM元素、建立動畫效果、處理事件、以及開發Ajax程式。jQuery 也提供了給開發人員在其上建立外掛程式的能力。這使開發人員可以對底層互動與動畫、進階效果和進階主題化的組件進行抽象化。模組化的方式使 jQuery 函數庫能夠建立功能強大的動態網頁以及網路應用程式。

jQuery有下列特色:

  • 跨瀏覽器的DOM元素選擇
  • DOM巡訪與更改:支援CSS 1-3與 基本的XPath,jQuery 1.2版以後預設取消XPath支援,改為外掛程式支援
  • 事件(Events)
  • CSS操縱
  • 特效和動畫(移動顯示位置、淡入、淡出)
  • Ajax
  • 延伸性(Extensibility)
  • 工具:例如瀏覽器版本和each函數。
  • JavaScript外掛程式
  • 輕量級

有很多應用程式開發架構中已經整合了jQuery,如前面介紹的PHP Yii Framework 和 Java EE Vaadin Web應用開發架構 ,這些架構可以不使用JavaScript而是使用PHP或是Java來使用jQuery的UI功能。但瞭解jQuery JavaScripts編程對於更好編寫Web頁面還是有很大的協助的,微軟和諾基亞已宣布在他們的平台上綁定jQuery。[5] 微軟最初在Visual Studio中整合了jQuery[6]以便在微軟自己的 ASP.NET AJAX 架構和ASP.NET MVC Framework 中使用。因此如果你從事ASP.Net或是Sharepoint Web Part或是Application Page開發瞭解jQuery尤為重要,本教程協助初學者瞭解jQuery的基本開發,從而為進一步學習其它Web編程打好基礎。

本教程使用Visual Studio為開發工具,你也可以使用你自己喜歡的開發IDE,Visual Studio支援Javascript的調試,jQuery使用目前的最新版本jquery-1.9.1.js.下載到本地。

使用Visual Studio建立一個Website,將下載下來的jquery-1.9.1.js 放在scripts

添加的Default.html具有如下代碼架構作為後續樣本的基礎:

<!doctype html><html><head>    <meta charset="utf-8">    <title>JQuery Demo</title></head><body>     <script src="scripts/jquery-1.9.1.js"></script>    <script>        // Your code goes here    </script></body></html>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.