今天我們來測試看看 JavaScript 框架庫 – jQuery,當我們引用 jQuery如果需要測試 JavaScript 庫時,我們就需要在網頁中引用它,為了引用jQuery,我們需要使用 標籤,並把其 src屬性設置為jQuery的 URL,例如:
主要的 jQuery 函數是 $() 函數(jQuery 函數)。如果我們向該函數傳遞 DOM 物件,它會返回 jQuery 物件,並且帶有向其添加的jQuery 功能,其中jQuery 允許通過 CSS 選擇器來選取元素喔。
在 JavaScript 中,我們可以分配一個函數以處理視窗載入事件,例如:
若是用jQuery寫的話會不太一樣,例如:
稍微解試一下上面的代碼,上面代碼的最後一行,HTML DOM 文檔物件被傳遞到 jQuery :$(document),當我們向 jQuery 傳遞 DOM 物件時,jQuery 會返回以 HTML DOM 物件包裝的 jQuery 物件,jQuery 函數會返回新的jQuery 物件,其中的 ready() 就是一個方法,且由於在 JavaScript 中函數就是變數,因此可以把 myFunction 作為變數傳遞給 jQuery 的 ready 方法。
P.S. jQuery 返回 jQuery 物件,和已傳遞的 DOM 物件不同,且jQuery 物件擁有的屬性和方法,與 DOM 物件的不同因此我們不能在 jQuery 物件上使用 HTML DOM 的屬性和方法。
最後稍微提一下jQuery允許鏈式語法,是種在同一對象執行多樣任務的便捷方法,例如:
以上就是今天的筆記,剩最後幾天,希望大家都能堅持到底!