首頁 web前端 js教程 jQuery、AJAX與JavaScript之間的差異與聯繫

jQuery、AJAX與JavaScript之間的差異與聯繫

Nov 28, 2016 pm 01:39 PM
javascript

JQuery、AJAX都是Javascript的一個框架,各有各自不同的功能,如果把Javascript比喻成父親的話,JQuery和AJAX就是Javascript的親生兒子。在Javascript中非常複雜的功能,讓他們實現起來是極其的方便快速。以下來總結他們各自的功能及特點和應用的場合。

JQuery是輕量級的js庫,它相容於CSS3,也相容於各種瀏覽器 (IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)。 jQuery讓用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX互動。 jQuery同時也有許多成熟的外掛程式可供選擇。 jQuery能夠讓使用者的html頁保持程式碼和html內容分離,也就是說,不用再在html裡面插入一堆js來呼叫指令了,只要定義id即可。

JQuery的宗旨是-WRITE LESS,DO MORE,也就是「吃得少,乾的多」。讓我們廣大的程式設計師能夠寫更少的程式碼,做更多的事情。

而JQuery在什麼時候使用呢?和上邊說的類似,它主要的用處就是:

1.     選擇器

透過$符號可以快速、精確的定位到指定的元素。選擇器包括:基本選擇器、層次選擇器、過濾選擇器、表單選擇器

2.     對DOM操作

透過$符號找到DOM元素,對屬性進行操作;新增刪除節點;對樣式進行操作;設定取得HTML文字與數值;遍歷子元素或同儕元素;新增事件

3.     表單驗證

4.     動畫效果

5.     ajax  動畫效果

5.  

AJAX即「AsynchronousJavaScript and XML」(非同步JavaScript和XML)。所謂的非同步就是在事件觸發之後瀏覽器任然可以做其他的事情,與發生事件的控制項無關的控制項不受影響。 AJAX是一種用於創建更好更快以及更具互動性的 Web 應用程式的技術。

如果僅僅學會使用.net中的AJAX的幾個控件,也許你根本就理解不了AJAX中的Javascript和XML到底是怎麼回事,這些控件是對他們的封裝,微軟讓我們方便了很多,但是這是一種「傻瓜式」的使用方法。要想深刻的理解其中的Javascript和XML的使用,還需要掌握客戶端是怎麼接受Webservice(.asmx)和WCF(.svc)和一般處理程序(.ashx)文件的使用方法

那一般什麼時候使用AJAX,什麼時候使用AJAX比較適合呢?一般都是用在頁面局部變化的地方。如下:

1.    基於表單的互動 

2.    深層的樹狀導覽 

3.     過濾與複雜資料操作 

6 .    普通輸入時的提示/自動補齊 

 

不適用使用AJAX的場合:

1.       4.    替換大量的資訊 

5 .    顯示作業 

6.     無用的網頁小工具 

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用WebSocket和JavaScript實現線上語音辨識系統 如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統

WebSocket與JavaScript:實現即時監控系統的關鍵技術 WebSocket與JavaScript:實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript:實現即時監控系統的關鍵技術

如何使用WebSocket和JavaScript實現線上預約系統 如何使用WebSocket和JavaScript實現線上預約系統 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript實現線上預約系統

如何利用JavaScript和WebSocket實現即時線上點餐系統 如何利用JavaScript和WebSocket實現即時線上點餐系統 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket實現即時線上點餐系統

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

簡易JavaScript教學:取得HTTP狀態碼的方法

JavaScript與WebSocket:打造高效率的即時天氣預報系統 JavaScript與WebSocket:打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript與WebSocket:打造高效率的即時天氣預報系統

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

如何在JavaScript中取得HTTP狀態碼的簡單方法

javascript如何使用insertBefore javascript如何使用insertBefore Nov 24, 2023 am 11:56 AM

javascript如何使用insertBefore

See all articles