javascript - 在 Chrome 检查器或 Firebug 中重新运行 .js-File？

Question

在网站开发过程中：

在关闭 html/body 之前，我包含了对 .js 文件的调用，以通过 Javascript/jquery 进行一些 DOM 操作（例如 $('#foo a').addClass('bar'); 等等，通常）。

我在浏览器中打开文件，然后按 F12 检查代码，然后 - 开发 - 通过直接在控制台中操作 HTML 来尝试“这个和那个”。当然，jquery 不适用于那些新操作的元素，因为它已经被触发并且通过了。有什么方法可以告诉 Chrome（或 Firebug）检查器重新运行该 .js 文件，以查看它如何处理 HTML 文档的更改元素？

提前致谢...

Answer 1

Firebug 和 Chrome DevTools 都有一个带有命令行的控制台面板。此命令行允许您为这些新添加的元素执行相同的 JavaScript。

另一种方法是使用 jQuery 的.on() 方法在 HTML 结构发生更改时自动绑定元素，如另一个答案中所述。这将例如看起来像：

$(document.body).on('change', '#foo a', function() {
    $(this).addClass('bar');
});