首頁 >web前端 >js教程 >jQuery學習筆記之基礎中的基礎_jquery

jQuery學習筆記之基礎中的基礎_jquery

WBOY
WBOY原創
2016-05-16 16:19:191084瀏覽

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實現的隔行變色

複製程式碼 程式碼如下:

   

利用jquery實現

複製程式碼 程式碼如下:


表格區域代碼

複製程式碼 程式碼如下:


           
                 
                 
                 
           
           
                 
                 
                 
           
           
                 
                 
                 
           
           
                 
                 
                 
           
           
                 
                 
                 
           
        表>

以上就是本文的全部內容了,都是非常基礎的東西,高手們請直接略過。

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