什么时候应该在 jquery 函数中使用 return false ？

Question

我发现了很多这样的函数：

$(function() {
    $("body a").click(function() {
        alert(this.innerHTML);
        return false;
    });
});

What's the Difference between this and $(this) in jquery?

它们都有一行 return false; - 我不知道什么时候应该在 jquery 函数中使用 return false 并且不知道它有什么用？

Answer 1

根据 jQuery 事件：停止（Mis）使用 Return False（已存档链接），返回 false 在调用时执行三个任务：

1. event.preventDefault();
2. event.stopPropagation();
3. 停止回调执行并在调用时立即返回。

取消默认行为所需的唯一操作是 preventDefault()。发出 return false; 会创建脆弱的代码。通常你只需要这个：

$("a").on( 'click', function (e) {
    // e == our event data
    e.preventDefault();
});

其次“this”是 javascript 中的 DOM 元素，“$(this)”是一个 jQuery 元素
引用 DOM 元素。要了解有关该主题的更多信息，请访问 jQuery 的 this：揭秘。

Answer 2

您单击一个锚点，其默认行为是导航到某个地方。返回 false 可能是试图阻止导航并使用户保持在当前页面/视图上。

Answer 3

在点击处理程序的范围内，this 是未包装的 DOM 元素。 $(this) 包装它并返回一个 jQuery 元素。通常的做法是将 this 包装一次并使其在范围内可用 that 或通常 $this （在变量名前加上 $ 是表示 jQuery 元素的约定）。

因此你的例子可以写成

$(function() {
    $("body a").click(function() {
        var $this = $(this);
        alert($this.html());
        return false;
    });
});