如何在photoshop中使用jquery选择div？ （选择区域）

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插件作为代码的基础。