国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 13:23:02
字體:
來源:轉載
供稿:網友

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>

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 岳普湖县| 苍溪县| 徐水县| 太保市| 永春县| 台中县| 青铜峡市| 巴塘县| 靖安县| 江油市| 延边| 铜陵市| 南川市| 雅江县| 陇南市| 丰台区| 棋牌| 新竹市| 泗阳县| 固阳县| 晋州市| 香港 | 彭州市| 兰州市| 防城港市| 南昌市| 卫辉市| 新邵县| 泗阳县| 镇平县| 西藏| 晋州市| 枣强县| 汕头市| 凤翔县| 广南县| 新安县| 盘锦市| 格尔木市| 马关县| 临湘市|