如何淡出(除了一个div之外的所有东西?

use*_*391 0 jquery fadeto

我正在创建一个教程,并希望淡出页面上的每个div,除了我希望他们看到的div.我怎么能用fadeTo做到这一点?

我现在已经开始褪去整个身体了.如何将它设置为淡化身体而不是div id"step2"?

码:

<script type="text/javascript">
    $("body").fadeTo("slow", 0.5, function() {
      // Animation complete.
    });
</script>
Run Code Online (Sandbox Code Playgroud)

use*_*716 5

很难说没有看到你的HTML,但如果你step2是孩子,<body>你可以这样做:

试一试: http ://jsfiddle.net/SS5Sm/

$("body").children(':not(#step2)').fadeTo("slow", 0.5, function() {
  // Animation complete.
});
Run Code Online (Sandbox Code Playgroud)

要么

$("body > :not(#step2)").fadeTo("slow", 0.5, function() {
  // Animation complete.
});
Run Code Online (Sandbox Code Playgroud)

如果它嵌套得更深,你可以试试这个.

$("body > :not(:has(#step2))").fadeTo("slow", 0.5, function() {
  // Animation complete.
});?
Run Code Online (Sandbox Code Playgroud)

虽然它对您的HTML结构做了一些额外的假设.