javascript - 了解 not 运算符在 :selected 中的用法

Question

我刚刚遇到这个 FIDDLE 在线。 JS 如下所示:

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

HTML::

<SELECT id="select1" name="select1" size="3"><OPTION value="1">Test 1</option><OPTION value="2">Test 2</option></select> 
<SELECT id="select2" name="select2"></select>
<br><input type="button" id="add" value="Add >>"><input type="button" id="remove" value="<< Remove">

它基本上只是一段 JS 交换选择值。但是我不明白的是 ! 运算符(不是运算符)的用法。

现在我明白 not 运算符会反转结果，但在上面的代码中它到底在做什么？我不明白 not 运算符在上面的 fiddle 中做了什么，它对最终结果有什么影响？有人可以解释吗？

Answer 1

这是一种奇特的方式:

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

return false 通过取消事件阻止按钮的默认行为。

因为一个对象永远是真实的，!object 将是 false 并且 $(selector) 返回一个对象