Javascript 选择元素的所有子元素并使用jQuery淡出它们？_Javascript_Jquery_Fadeout_Children

Javascript 选择元素的所有子元素并使用jQuery淡出它们？

javascript jquery

Javascript 选择元素的所有子元素并使用jQuery淡出它们？,javascript,jquery,fadeout,children,Javascript,Jquery,Fadeout,Children,我正在使用以下HTML代码： <!DOCTYPE html> <html> <head> <title>Project Quiz</title> <link rel="stylesheet" type="text/css" href="z/baseCss.CSS"> <script src="/jquery-1.9.1.min.js"></script> <scr

我正在使用以下HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>Project Quiz</title>
    <link rel="stylesheet" type="text/css" href="z/baseCss.CSS">
    <script src="/jquery-1.9.1.min.js"></script>
    <script src="/baseJS.js"></script>
</head>
<body>

<div id=header></div>
<div id=contain>
    <h1>Welcome to my web application</br>
  Please enter your name, click 'continue' and have fun</h1>
    <form>
        <input type="text" id="name" value="John Doe"/>
    </form>
    <div class="awesome">Continue</div><br/>
</div>
<div id=footer></div>

</body>
</html>

我的问题是，我不知道如何选择

的所有子级，并在单击我的div按钮时使它们淡出，而我的div按钮是带有“awesome”类的按钮

这就是我迄今为止所尝试的：

$(".contain").each(function(){
    $(this).fadeOut(1000);
});

but it didnt work also i tried: 
$(".contain").children(function(){
    $(this).fadeOut(1000);
});

同样的结果

我做错了什么？我只需要淡出

的内容
，并保持其他内容不变。
您需要使用：
$("#contain").children().fadeOut(1000);


$（此）
是您的选择器
选择元素的所有子元素
淡出当前选择

您的尝试是错误的，因为：
$(".contain").each(function(){ $(this).fadeOut(1000); });

选择类为.contain
的所有元素并隐藏它们
$(".contain").children(function(){ $(this).fadeOut(1000); });

选择类为.contain
的元素，然后将函数传递给它不处理的.children（）

注意，在您的情况下，contain
是一个ID，而不是一个类。
除了“.”to“#”形式的jquery选择器之外，如果您不需要在
中插入任何其他内容或显示新内容，您可以这样做
$("#contain").fade(1000);  

所有的孩子都会退色。我很高兴我帮助了你，祝你好运，如果这个答案解决了你的问题，请考虑接受。
$("#contain").fade(1000);