jQuery是一個簡潔而快速的JavaScript庫，可用于簡化事件處理，HTML文檔遍歷，Ajax交互和動畫，以便快速開發網站。

目的是讓開發者更容易地在網站上使用JavaScript。它不是一種單獨的編程語言，與JavaScript一起工作。使用jQuery，將用更少的資源做更多的事情。

使用jQuery能做什么？

jQuery庫為Web腳本編程提供了通用(跨瀏覽器)的抽象層，使得它幾乎適用于任何腳本編程的情形。jQuery通常能為我們提供以下功能：

1、方便快捷獲取DOM元素

如果使用純JavaScript的方式來遍歷DOM以及查找DOM的某個部分編寫很多冗余的代碼，而使用jQuery只需要一行代碼就足夠了。例如，找到所有應用了.content class樣式的div中所有的P標簽，只需要下面的一行代碼：$('div.content').find('p');

2、動態修改頁面樣式

使用jQuery我們可以動態的修改頁面的CSS即使在頁面呈現以后。jQuery仍然能夠改變文檔中某個部分的類或者個別的樣式屬性。例如，找到頁面所有的ul標簽的第一個li子標簽，然后為它們增加名為active的樣式，代碼如下：$('ul > li:first').addClass('active');

3、動態改變DOM內容

使用jQuery我們可以很容易地對頁面DOM進行修改，例如，為ID為"container"的元素添加一個鏈接：$('#container').append('more');

4、響應用戶的交互操作

jQuery提供了截獲形形色色的頁面事件(比如用戶單擊某個鏈接)的適當方式，而不需要使用事件處理程序拆散HTML代碼。此外，它的事件處理API也消除了經常困擾Web開發人員瀏覽器的不一致性。$('button.show-details').click(function() {

$('div.details').show();

});

上面的代碼表示：為使用的.show-details樣式的button元素添加一個click事件，事件就是：顯示使用.details樣式的DIV。

5、為頁面添加動態效果

jQuery中內置的一批淡入、擦除之類的效果，以及制作新效果的工具包，為此提供了便利。$(function () {

$("#btnShow").click(function () {

$("#msubject").hide("slow");

});

});

6、統一Ajax操作

jQuery統一了多種瀏覽器的Ajax操作，使得開發人員更多的專注服務器端開發。function (data, type) {

// 對Ajax返回的原始數據進行預處理

return data // 返回處理后的數據

}

7、簡化常見的JavaScript任務。

除了這些完全針對文檔的特性之外，jQuery也改進了對基本的JavaScript數據結構(例如迭代和數組操作等)。$.each(obj, function(key, value) {

total += value;

});

更多jQuery相關技術文章，請訪問 jQuery答疑 欄目進行學習！！

總結

以上是生活随笔為你收集整理的html+dom能做什么,jQuery能做什么？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。