javascript - jQuery 方法 $.on 返回什么？

Question

jQuery 方法 $.on 返回什么？

例子:

$(document).on("CustomEvent", CustomFunction);

Answer 1

What does the jQuery method $.on return?

$(document).on(...) 返回由 $(document) 创建的 jQuery 对象。这使得它可以链接，如下所示:

$(document).on("click", clickHandler).on("hover", hoverHandler);

事实上，所有没有特定返回值的 jQuery 方法都将返回 jQuery 对象，因此它们可以以这种方式进行链接。

另一个常用的例子:

$("#target").fadeIn(2000).delay(5000).fadeOut(2000);

但是，具有要返回的特定值的方法，例如 .prop() 或 .attr() 将返回该特定值:

var isChecked = $("#myCheckbox").prop("checked");
var imgSrc = $("#myImg").attr("src");

文档中列出了任何 jQuery API 的返回值(这里是 doc page for .on() 的屏幕截图:

---

如果你想阻止事件处理程序再次被调用，你可以使用 .one()这只会触发一次事件，或者您可以使用 .off(...)根据需要删除事件处理程序，或者您可以在自己的代码中使用某种标志来告诉事件处理程序它是否应该执行其工作。

防止重复调用由 .load() 触发的内容的最简洁的架构解决方案是将事件处理程序设置代码移动到 Javascript 的不同区域，这样它就不会被 再次加载>.load() 并且只被父页面加载一次。这样它只会被调用一次。具体如何做到这一点取决于您尚未披露的设计具体情况，因此我们无法提供比这更具体的建议。