jQuery JavaScript ajax有哪些區(qū)別

小編給大家分享一下jQuery JavaScript ajax有哪些區(qū)別，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

jQuery JavaScript ajax區(qū)別：1、javaScript廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能；2、AJAX創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術；3、jQuery方便地為網(wǎng)站提供AJAX交互。

jQuery JavaScript ajax區(qū)別：

1、JavaScript

javaScript的簡寫形式就是JS，一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能（其編寫的程序可以被嵌入到HTML或XML頁面中，并直接在瀏覽器中解釋執(zhí)行）。

組成部分：

核心（ECMAScript）、文檔對象模型（Document Object Model，簡稱DOM）、瀏覽器對象模型（Browser Object Model，簡稱BOM）

描述：

• Javascript就是適應動態(tài)網(wǎng)頁制作的需要而誕生的一種新的編程語言，如今越來越廣泛地使用于Internet網(wǎng)頁制作上。

• Javascript的出現(xiàn)使得網(wǎng)頁和用戶之間實現(xiàn)了一種實時性的、動態(tài)的、交互性的關系，使網(wǎng)頁包含更多活躍的元素和更加精彩的內容。

• Javascript短小精悍，又是在客戶機上執(zhí)行的，大大提高了網(wǎng)頁的瀏覽速度和交互能力。同時它又是專門為制作Web網(wǎng)頁而量身定做的一種簡單的編程語言。

2、Ajax

AJAX即“Asynchronous JavaScript and XML”（異步JavaScript和XML)，AJAX并非縮寫詞，而是由Jesse James Gaiiett創(chuàng)造的名詞，是指一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術。

組成：

• 基于XHTML和CSS標準的表示；

• 使用Document Object Model進行動態(tài)顯示和交互；

• 使用XML和XSLT做數(shù)據(jù)交互和操作；

• 使用XML HttpRequest與服務器進行異步通信；

• 使用JavaScript綁定一切。

描述：

• Ajax是結合了Java技術、XML以及JavaScript等編程技術，可以讓開發(fā)人員構建基于Java技術的Web應用，并打破了使用頁面重載的管理。

• Ajax技術使用非同步的HTTP請求，在Browser和Web Server之間傳遞數(shù)據(jù)，使Browser只更新部分網(wǎng)頁內容而不重新載入整個網(wǎng)頁。

• Ajax是使用客戶端腳本與Web服務器交換數(shù)據(jù)的Web應用開發(fā)方法。這樣，Web頁面不用打斷交互流程進行重新加裁，就可以動態(tài)地更新。使用Ajax，用戶可以創(chuàng)建接近本地桌面應用的直接、高可用、更豐富、更動態(tài)的Web用戶界面

3、jQuery

jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTML documents、events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供AJAX交互。

特點：

jQuery是當前很流行的一個JavaScript框架，使用類似于CSS的選擇器，可以方便的操作HTML元素，擁有很好的可擴展性，擁有不少插件。

描述：

• 對于程序員來說，簡化javascript和ajax編程，能夠使程序員從設計和書寫繁雜的JS應用中解脫出來，將關注點轉向功能需求而非實現(xiàn)細節(jié)上，從而提高項目的開發(fā)速度。

• 對于用戶來說，改善了頁面的視覺效果，增強了與頁面的交互性，體驗更絢麗的網(wǎng)頁物資。

• javaScript框架實際上是一系列工具和函數(shù)。

二、三者的關系

下面我用一張導圖來闡述這三者的關系：

解釋：

javaScript是用于Web客戶端開發(fā)的腳本語言，Ajax是基于JS語言，主要組合JS、CSS、XML三種技術的新技術，是用于創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術。jQuery是JS的框架，基于JS語言，集合Ajax技術開發(fā)出來的JS庫，封裝JS和Ajax的功能，提供函數(shù)接口，大大簡化了Ajax，JS的操作。

項目中用jQuery比較多，具體講講他。

jQuery能大大簡化JavaScript程序的編寫

要使用jQuery，首先要在HTML代碼最前面加上對jQuery庫的引用，比如：

<script language="javascript" src="/js/jquery.min.js"></script>   //引用

庫文件既可以放在本地，也可以直接使用知名公司的CDN（CDN加載jquery的好處），好處是這些大公司的CDN比較流行，用戶訪問你網(wǎng)站之前很可能在訪問別的網(wǎng)站時已經(jīng)緩存在瀏覽器中了，所以能加快網(wǎng)站的打開速度。另外一個好處是顯而易見的，節(jié)省了網(wǎng)站的流量帶寬。

Google提供的

http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

jQuery官方的

http://code.jquery.com/jquery-1.6.min.js

jQuery代碼具體的寫法和原生的Javascript寫法在執(zhí)行常見操作時的區(qū)別如下：

1 定位元素

JS

document.getElementById("abc")

jQuery

$("#abc") 通過id定位

$(".abc") 通過class定位

$("div") 通過標簽定位

需要注意的是JS返回的結果是這個元素，jQuery返回的結果是一個JS的對象。以下例子中假設已經(jīng)定位了元素abc。

2 改變元素的內容

JS

abc.innerHTML = "test";                //現(xiàn)在的項目中有用到

jQuery

abc.html("test");

3 顯示隱藏元素

JS

abc.style.display = "none";              //現(xiàn)在的項目中有用到

abc.style.display = "block";

jQuery

abc.hide();

abc.show();

abc.toggle();         //在顯示和隱藏之間切換、

4 獲得焦點

JS和jQuery是一樣的，都是abc.focus();

5 為表單賦值

JS

abc.value = "test";

jQuery

abc.val("test");

6 獲得表單的值

JS

alert(abc.value);

jQuery

alert(abc.val());

7 設置元素不可用

JS

abc.disabled = true;

jQuery

abc.attr("disabled", true);

8 修改元素樣式

JS

abc.style.fontSize=size;

jQuery

abc.css('font-size', 20);

JS

abc.className="test";

JQuery

abc.removeClass();

abc.addClass("test");

9 判斷復選框是否選中

jQuery

if(abc.attr("checked") == "checked")

注意：網(wǎng)上說的.attr("checked") == true實際上不能用，上面這個測試過能用

以上是jQuery JavaScript ajax有哪些區(qū)別的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！