jQuery:单击功能排除 child 。

Question

我试图绕过 jQuery“.not()”函数，但遇到了问题。我想让父 div 成为“可点击的”，但如果用户点击子元素，则不会调用脚本。

$(this).not(children()).click(function(){
   $(".example").fadeOut("fast");
});

html:

<div class="example">
   <div>
      <p>This content is not affected by clicks.</p>
   </div>
</div>

Answer 1

要做到这一点，停止点击 child using .stopPropagation :

$(".example").click(function(){
  $(this).fadeOut("fast");
}).children().click(function(e) {
  return false;
});

这将阻止子点击冒泡超过他们的级别，这样父级就不会收到点击。

.not() 的用法有点不同，它从选择器中过滤掉元素，例如:

<div class="bob" id="myID"></div>
<div class="bob"></div>

$(".bob").not("#myID"); //removes the element with myID

对于点击，您的问题是 click on a child bubbles up to the parent ，并不是说您无意中将点击处理程序附加到了子项上。