jquery - 如何选择 :hover that's not in a certain selector

Question

我想为不在某个 id 中的 a 元素设置样式。例如，假设这是我的 HTML:

<div id="boat">
   <a href="#">I'm in a boat! ☻</a>
</div>
<a href="#">☹</a>

现在，假设我只想设置不在船上的 a 元素的样式。我期望类似于 a:hover:not(#boat a) 的东西可以工作，但是，可惜，它没有。有没有办法让我做我想做的事？

Answer 1

当涉及到 jQuery 选择器时，a:hover 将选择所有应用了 CSS 伪类 :hover 的 a 元素(即 a 当前鼠标悬停的元素)。

这是选择过程，不是样式选择，要选择您正在谈论的元素，请试试这个:

$('a:not(#boat a)')

演示: http://jsfiddle.net/marcuswhybrow/AMWhU/

如果悬停 jQuery 效果是您想要的，一旦您做出选择，只需像往常一样绑定(bind)事件:

$('a:not(#boat a)').hover(function() {});