不清楚这个 jQuery 语法：return !$()

Question

我看到了这段代码，但我不清楚 '!' 在这行 jQuery 代码中对 jQuery 对象的返回做了什么：

$('#remove').click(function() {
    return !$('#select2 option:selected').appendTo('#select1');
});

编辑

什么是这样做的好案例？

Answer 1

它将$('#select2 option:selected').appendTo('#select1') 的结果转换为布尔值，并将其取反。

但是，由于appendTo 的结果总是一个jQuery 对象，并且一个对象（jQuery 与否）总是真实的，!$('#select2 option:selected').appendTo('#select1') 的结果是总是 false。

所以我们所拥有的是有效的：

$('#remove').click(function() {
    $('#select2 option:selected').appendTo('#select1');

    return false;
});

在 jQuery 事件处理程序中返回 false 将停止发生的默认事件操作（例如提交表单/导航超链接）并且停止事件在 DOM 树上的任何进一步传播.

所以我们所拥有的是有效的：

$('#remove').click(function(e) {
    $('#select2 option:selected').appendTo('#select1');

    e.preventDefault();
    e.stopPropagation();
});

使用return false 代替e.preventDefault(); e.stopPropagation(); 是可以的，但是在第一个示例中使用return !$(..) 作为快捷方式是荒谬的，并且没有 需要去做吧。

重申一下我的观点，这里最重要的一点是，从来没有一个很好的理由/案例来做这件事。

链接：

1. Docs for bind()（click() 的别名）
2. Docs for preventDefault()
3. Docs for stopPropagation()