如何使用 jquery 选择 div，例如在 Photoshop 中？ （选择区域）

Question

我有一些div，在某些位置上。我想用鼠标选择它们，就像你在Photoshop中选择对象时一样。所以我想选择一组div。 jquery 可以吗？

Answer 1

jQuery Drag to Select 可能会解决您的问题。

Answer 2

您可以通过更改 div 的类来模拟选定的效果，例如：

$('div.selectable').click(function() {
    $(this).addClass('.selected');
});

如果您希望再次单击 div 后取消选定该 div，您可以执行类似以下操作：

$('div.selectable').click(function() {
    if($(this).is('.selected')) {
        $(this).removeClass('.selected');
    } else {
        $(this).addClass('.selected');
    }
});

或更简洁地使用三元运算符：

$('div.selectable').click(function() {
    var $div = $(this);
    $div.is('.selected') ? $div.removeClass('.selected') : $div.addClass('.selected');
});

Answer 3

您可以使用 imgAreaSelect 插件作为代码的基础。