1.jQuery的簡介
就像上節所將到的Ajax框架一樣，簡單的說，jQuery是一個優秀的javascript框架，它能夠讓用戶方便的處理html,events(冒泡)事件，動畫效果，ajax交互等，它極大程度的改變了開發者使用javascript的習慣。jQuery自2006年最初創建，已經吸引了眾多的javascript高手加入其團隊，隨著事件推移，jQuery新版本一個一個發布，它越來越受到關注。
如今，jQuery發展到集各種javascript/css/dom和ajax功能於一體的強大框架。可以簡單的用代碼實現各種網頁效果
目前jQuery主要提供以下功能：
1.訪問頁面框架的局部，這是DOM模型主要的功能之一，DOM有獲取頁面某個節點或者某一類節點有固定的方法，而jQuery大大簡化其操作步奏。
2.修改頁面的表現。css的主要功能就是通過樣式風格來修改頁面的表現，jquery也很好的解決了眾多浏覽器對css3的支持程度，使得各個浏覽器都能很好的使用css3標准，極大的豐富了css的運用。
3.修改頁面的內容。通過強大的api，jquery可以方便的修改頁面內容，包括文本的內容，插入新圖片，表單的選項，甚至整個頁面框架。
4.響應事件。jquery可以方便的處理事件，而且開發人員不再需要討厭浏覽器的兼容問題。
5.為頁面添加動畫。使用javascript添加動畫需要大量的代碼，而jquery大大簡化了此過程，並且提供了大量可以自定義參數的動畫效果。
6.與服務器交互。jquery提供一整套ajax的相關操作，大大方便了異步交互的開發和使用。
7.簡化常用的javascript操作。jquery提供了很多附加功能來簡化常用的javascript操作，例如數組的操作，迭代運算等。
2.jquery的優勢。
以表格隔行變色來具體說明jquery的優勢
i.javascript和jquery實現的隔行變色
代碼如下:
<script type="text/javascript">
window.onload = function() {
var oTable = document.getElementById("mytable");
for (var i = 0;i < oTable.rows.length; i++) {
if (i % 2 == 0)
oTable.rows[i].className = "altcss";
}
}
</script>
利用jquery實現
代碼如下:
<script type="text/javascript">
$(function(){
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
表格區域代碼
代碼如下:
<table width="800" cellspacing="0" border="1" id="mytable">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
以上就是本文的全部內容了，都是非常基礎的東西，高手們請直接略過。