• <button id="eiyoe"><acronym id="eiyoe"></acronym></button>
    <em id="eiyoe"></em>

  • <rp id="eiyoe"><acronym id="eiyoe"><input id="eiyoe"></input></acronym></rp>
      查看: 3697|回復: 0
      上一主題 下一主題

      JavaScript - 測試 jQuery

      1298

      主題

      0

      好友

      39

      積分

      管理員 離線 發信

      跳轉到指定樓層
      樓主
      發表于 2014-02-19 15:34 | 只看該作者 | 倒序瀏覽

      JavaScript - 測試 jQuery

      測試 JavaScript 框架庫 - jQuery

      引用 jQuery

      如需測試 JavaScript 庫,您需要在網頁中引用它。

      為了引用某個庫,請使用 <script> 標簽,其 src 屬性設置為庫的 URL:

      引用 jQuery

      <!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script></head><body></body></html>

      jQuery 描述

      主要的 jQuery 函數是 $() 函數(jQuery 函數)。如果您向該函數傳遞 DOM 對象,它會返回 jQuery 對象,帶有向其添加的 jQuery 功能。

      jQuery 允許您通過 CSS 選擇器來選取元素。

      在 JavaScript 中,您可以分配一個函數以處理窗口加載事件:

      JavaScript 方式:

      function myFunction(){var obj=document.getElementById("h01");obj.innerHTML="Hello jQuery";}onload=myFunction;

      等價的 jQuery 是不同的:

      jQuery 方式:

      function myFunction(){$("#h01").html("Hello jQuery");}$(document).ready(myFunction);

      上面代碼的最后一行,HTML DOM 文檔對象被傳遞到 jQuery :$(document)。

      當您向 jQuery 傳遞 DOM 對象時,jQuery 會返回以 HTML DOM 對象包裝的 jQuery 對象。

      jQuery 函數會返回新的 jQuery 對象,其中的 ready() 是一個方法。

      由于在 JavaScript 中函數就是變量,因此可以把 myFunction 作為變量傳遞給 jQuery 的 ready 方法。

      提示:jQuery 返回 jQuery 對象,與已傳遞的 DOM 對象不同。jQuery 對象擁有的屬性和方法,與 DOM 對象的不同。您不能在 jQuery 對象上使用 HTML DOM 的屬性和方法。

      測試 jQuery

      例子 1

      請試一下下面這個例子:

      <!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script>function myFunction(){$("#h01").html("Hello jQuery")}$(document).ready(myFunction);</script></head><body><h1 id="h01"></h1></body></html>

      親自試一試

      例子 2

      請再試一下這個例子:

      <!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script>function myFunction(){$("#h01").attr("style","color:red").html("Hello jQuery")}$(document).ready(myFunction);</script></head><body><h1 id="h01"></h1></body></html>

      親自試一試

      正如您在上面的例子中看到的,jQuery 允許鏈接(鏈式語法)。

      鏈接(Chaining)是一種在同一對象上執行多個任務的便捷方法。

      需要學習更多內容嗎?W3School 為您提供了非常棒的 jQuery 教程。

      來源:http://www.w3school.com.cn/js/js_library_jquery.asp