在 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 都有一个带有命令行的 Console 面板。此命令行允许您为这些新添加的元素执行相同的 JavaScript。

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

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