欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2015年01月19日 10:22:13   投稿：hebedich  
本文是jQuery學習筆記系列文章的第一篇，跟大多數(shù)開篇文章一樣，我們來講解下jQuery最基礎的東西，希望大家能夠喜歡。

1.jQuery的簡介

就像上節(jié)所將到的Ajax框架一樣，簡單的說，jQuery是一個優(yōu)秀的javascript框架，它能夠讓用戶方便的處理html,events(冒泡)事件，動畫效果，ajax交互等，它極大程度的改變了開發(fā)者使用javascript的習慣。jQuery自2006年最初創(chuàng)建，已經吸引了眾多的javascript高手加入其團隊，隨著事件推移，jQuery新版本一個一個發(fā)布，它越來越受到關注。

如今，jQuery發(fā)展到集各種javascript/css/dom和ajax功能于一體的強大框架?？梢院唵蔚挠么a實現(xiàn)各種網(wǎng)頁效果

目前jQuery主要提供以下功能：

1.訪問頁面框架的局部，這是DOM模型主要的功能之一，DOM有獲取頁面某個節(jié)點或者某一類節(jié)點有固定的方法，而jQuery大大簡化其操作步奏。

2.修改頁面的表現(xiàn)。css的主要功能就是通過樣式風格來修改頁面的表現(xiàn)，jquery也很好的解決了眾多瀏覽器對css3的支持程度，使得各個瀏覽器都能很好的使用css3標準，極大的豐富了css的運用。

3.修改頁面的內容。通過強大的api，jquery可以方便的修改頁面內容，包括文本的內容，插入新圖片，表單的選項，甚至整個頁面框架。

4.響應事件。jquery可以方便的處理事件，而且開發(fā)人員不再需要討厭瀏覽器的兼容問題。

5.為頁面添加動畫。使用javascript添加動畫需要大量的代碼，而jquery大大簡化了此過程，并且提供了大量可以自定義參數(shù)的動畫效果。

6.與服務器交互。jquery提供一整套ajax的相關操作，大大方便了異步交互的開發(fā)和使用。

7.簡化常用的javascript操作。jquery提供了很多附加功能來簡化常用的javascript操作，例如數(shù)組的操作，迭代運算等。

2.jquery的優(yōu)勢。

以表格隔行變色來具體說明jquery的優(yōu)勢

i.javascript和jquery實現(xiàn)的隔行變色

復制代碼 代碼如下:

    <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實現(xiàn)

復制代碼 代碼如下:

<script type="text/javascript">
            $(function(){
                $("table#mytable tr:nth-child(odd)").addClass("altcss");
            })
        </script>

表格區(qū)域代碼

復制代碼 代碼如下:

<table width="800" cellspacing="0" border="1" id="mytable">
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
        </table>

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

相關文章

最新評論