jquery，如何选择无？

Question

我有一个带有图标的网站。每个图标都是可点击的。

如果您单击图标，它将被选中（带边框）。

如何定义无选择？也就是说，要选择没有图标，我想单击空白处。

想想 Windows 桌面，您可以单击图标并选择它，如果您单击背景，所有选择都会消失。

我尝试选择正文 < code>$('body') 但它覆盖了 div 点击功能并取消了它。

有人有想法吗？

谢谢

Answer 1

在重新阅读您想要的方式后编辑了下面的代码：

---

这样的东西应该可以工作：

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/base/jquery-ui.css" />
<style>
#main { width: 130px; background:red; margin:20px;  }
        #main .icon { padding:10px; float:left; width:40px; }          
</style>
<div id="main">
        <div class="icon"><img src="/icons/accept.png"></div>
        <div class="icon"><img src="/icons/add.png"></div>
        <div class="icon"><img src="/icons/anchor.png"></div>
        <div class="icon"><img src="/icons/application_add.png"></div>
        <div class="icon"><img src="/icons/application_edit.png"></div>

    </div>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
        <script language="javascript">
        $('#main .icon img').click(function() {
            $(this).parent().css('background', '#ccc'); 
            return false;
        });
        $('#main').click(function() { 
            $('#main .icon').each(function() {
                $(this).css('background', '#fff');
            });

            return false;
        });

        </script>

Answer 2

这可能就是您想要的，在主体上定义一个单击处理程序，所有单击都会冒泡到该处理程序。

$('body').click(function(e) {
   if ($(e.target).hasClass('icon')) {
      //select icon
   }
   else {
      //clear selection
   }
});

Answer 3

如果有人通过问题标题来到这里...而您只想要一个空的 jQuery 对象，这就是您想要的：

$() 

在 jQuery 1.4 之前，效果最好：

$([])

Jquery 中的空选择器