相當於在 jQuery 中將偵聽器附加到文檔就緒按鈕，而不是香草 JavaScript？

Question

如何將此 JavaScript 代碼轉換為 jQuery 代碼？

if (document.readyState == 'loading') {
    document.addEventListener('DOMContentLoaded', ready)
} else {
    ready()
}

function ready() {
    var removeCartItemButtons = document.getElementsByClassName('btn-danger')
    for (var i = 0; i < removeCartItemButtons.length; i++) {
        var button = removeCartItemButtons[i]
        button.addEventListener('click', removeCartItem)
    }
}

Answer 1

在文檔准備好時運行一些東西由$( document ).ready()方法處理。

getElementByClassName可以替換為Class Selector (.class)

您for循環可以被刪除，因為 jQuery 方法都會在每個返回的元素上調用。

addEventListener可以替換為.click() 。

那么你的代碼只有三行：

$(function(){
    $('.btn-danger').click(removeCartItem)
})

Answer 2

jQuery 是 Javascript 的庫，因此無需轉換。