jquery - 如何使用 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.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插件作为代码的基础。