如何从jquery .click事件中排除特定的div

Question

我想在点击 foo 时排除警报，但是当我点击身体上的任何地方（包括foo）时它仍然会发出警报。 以下Jquery未按预期工作。

dependencies {
    compile 'com.google.code.gson:gson:2.8.4'
}

$("body:not(.foo)").click(function(){   alert("clicked body");    });

$("body:not(.foo)").click(function()
{
	alert("clicked body");
});

body {  background: #e8e6e4;  padding: 20px;  font-family: Helvetica;border:2px solid;}
.foo{  color:#ffffff;  background:red;}
button {  background: #0084ff;  border: none;  border-radius: 5px;
  padding: 8px 14px;  font-size: 15px;  color: #fff;}

Answer 1

单击.foo div时，您只能返回false。 see demo

$('div.foo').on('click', function() {
  return false;
});

Answer 2

以下是我的表现：

$(document).on('click', function()
{
    if (!$(this).hasClass('foo')) {
        //do something
    } 
}) ;