javascript - 为什么 .not() 在这种情况下不起作用？

Question

我一直在拼命想弄清楚为什么 .not() 在这种情况下不起作用

链接:http://jsfiddle.net/Kr8SA/4/

感谢您的帮助。

$('#site').not('#box')
  .fadeIn();

#site {
  display: none;
}
div {
  border: 2px solid black;
  width: 300px;
  height: 300px;
}
#box {
  background: gray;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="site">
  <div id="box"></div>
  <div></div>
</div>

Answer 1

.not 函数不在给定集合的所有后代中搜索。它从集合中过滤元素。由于 $('#site').length == 1，它不会工作。

两种选择是

• $('#site *').not('#box')
• $('#site').find('*:not(#box)')

$('#site *').not('#box').fadeIn()

/* Hide the elements we'll fade in */
#site *{
  display: none;
}
div {
  border: 2px solid black;
  width: 300px;
  height: 300px;
}
#box {
  background: gray;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="site">
  <div id="box"></div>
  <div>Something to show</div>
</div>