等同于将侦听器附加到 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

jQuery 是 Javascript 的库，因此无需转换。

Answer 2

运行文档准备就绪时的一些事情由 $( document ).ready() 方法处理。

getElementByClassName 可以替换为 Class Selector (".class")

您的 for 循环可以删除，因为使用 jQuery 方法，所有方法都会在每个返回的元素上调用。

addEventListener可以换成.click().

那么你的代码只有三行：

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

等同于将侦听器附加到 jQuery 中准备好的文档按钮，而不是普通的 JavaScript？

Equivalent of attaching a listener to buttons on document ready in jQuery instead of vanilla JavaScript?

javascript

jquery

web