javascript - 了解 Javascript 事件循环和代码执行

标签 javascript jquery message-queue jquery-events event-loop

我在理解 Javascript 事件循环和代码执行时遇到问题。

例如,我有一个非常基本的 jQuery 函数,例如:

$(document).ready(function()
{
$('#button').on('click', function() {
alert("This is a test");
});

有人可以向我解释一下 jQuery 函数何时被调用吗?
如果加载页面,会发生什么? .ready() 函数是否被放入消息队列并在函数的回调被触发时传递到事件循环? (在这种情况下,回调将是完成加载的页面?)

最佳答案

当从 HTML 构建 DOM 树时,.ready() 函数将被调用,这就是它被称为 DOM 就绪事件的原因。此后,上面的 anonymous 函数(其警报)将绑定(bind)到 ID 为 button 的元素的单击事件。这意味着每当单击该目标(具有 ID 按钮)时,都会调用该函数,因此您的警报将会显示。我希望这有帮助!

关于javascript - 了解 Javascript 事件循环和代码执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25341111/

相关文章:

javascript - 向公众公开 Firebase apiKey 是否安全?

javascript - 根据具有不同 ID 的多个选中复选框的数量启用/禁用按钮

jquery - Bootstrap4 如何调整网格元素的 Bootstrap 类,但前提是网格发生故障?

websocket - 为什么 HTTP + Websockets 不适合作为消息传递协议(protocol)?

asynchronous - 如何在 Erlang 中创建内存绑定(bind)消息队列?

javascript - 如何使用 .not 更改选择器以应用于 dom 元素

JavaScript如何检查json中是否缺少属性

javascript - 如何从特定的另一个对象创建对象

jquery - 使用 jquery 隐藏表的列/td

c++ - 更多线程,更好的性能?