当 #link 绑定了其他的 js 事件时，又该如何做呢？

Question

比如下面这种：

HTML:

<div class="hello">
<a href="http://example.com" target="_blank" id="link">link</a>
<p>say hello world to everynone</P>
</div>

jQuery:

$('.hello').click(function() {
    $('p').toggleClass('hidden');
});

1. 当点击 .hello 任何区域都能将 p 隐藏，但我不希望点击 #link 的时候 p 也隐藏，应该如何做呢？

Answer 1

$('.hello').click(function(e){  if(e.target.tagName != 'A' ){     $('p').toggleClass('hidden');   }  });判断一下点击事件的目标节点即可，当 #link 绑定了其他的 js 事件时这样处理也没问题。

Answer 2

可以用JQuery的stopPropagation()方法来阻止事件冒泡。link点击的时候处理一下：$('#link').click(function(e){     e.stopPropagation(); });