iT邦幫忙

2021 iThome 鐵人賽

DAY 25
0
自我挑戰組

學渣的學習筆記系列 第 25

Day25 javascript 測試jQuery

今天我們來測試看看 JavaScript 框架庫 – jQuery,當我們引用 jQuery如果需要測試 JavaScript 庫時,我們就需要在網頁中引用它,為了引用jQuery,我們需要使用 標籤,並把其 src屬性設置為jQuery的 URL,例如:

主要的 jQuery 函數是 $() 函數(jQuery 函數)。如果我們向該函數傳遞 DOM 物件,它會返回 jQuery 物件,並且帶有向其添加的jQuery 功能,其中jQuery 允許通過 CSS 選擇器來選取元素喔。
在 JavaScript 中,我們可以分配一個函數以處理視窗載入事件,例如:
https://ithelp.ithome.com.tw/upload/images/20210925/20140250jULjKXGOYF.pnghttps://ithelp.ithome.com.tw/upload/images/20210925/20140250XXp3EONtLU.png
若是用jQuery寫的話會不太一樣,例如:
https://ithelp.ithome.com.tw/upload/images/20210925/20140250sVZZ9TaJ6p.pnghttps://ithelp.ithome.com.tw/upload/images/20210925/20140250JHhQeenurp.png
稍微解試一下上面的代碼,上面代碼的最後一行,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允許鏈式語法,是種在同一對象執行多樣任務的便捷方法,例如:
https://ithelp.ithome.com.tw/upload/images/20210925/20140250vUmMj0PN5W.pnghttps://ithelp.ithome.com.tw/upload/images/20210925/20140250vrp6gEgIha.png

以上就是今天的筆記,剩最後幾天,希望大家都能堅持到底!


上一篇
Day24 javascript計時-2
下一篇
Day26 javascript 表單驗證
系列文
學渣的學習筆記30

尚未有邦友留言

立即登入留言