如果使用某个类，则使用javascript隐藏div
我有一个网站，它播放了一个CSS动画，画面上云彩飘过 然后，我添加了一个javascript函数，用于从雅虎的天气api中提取数据。我用它来根据天气改变背景颜色。我希望我现在的云动画只在多云的时候出现（也就是当javascript将body类设置为“body.cloudy”或“body.party cloudy”时） 云现在在div中，所以我想如果身体不是“body.cloudy”或“body.party cloudy”，我需要将div隐藏起来，但我不确定如何做到这一点如果使用某个类，则使用javascript隐藏div,javascript,jquery,html,css,yahoo-weather-api,Javascript,Jquery,Html,Css,Yahoo Weather Api,我有一个网站，它播放了一个CSS动画，画面上云彩飘过 然后，我添加了一个javascript函数，用于从雅虎的天气api中提取数据。我用它来根据天气改变背景颜色。我希望我现在的云动画只在多云的时候出现（也就是当javascript将body类设置为“body.cloudy”或“body.party cloudy”时） 云现在在div中，所以我想如果身体不是“body.cloudy”或“body.party cloudy”，我需要将div隐藏起来，但我不确定如何做到这一点 <body>
<body>
<div class="sky">
<div class="cloud cloud01"></div>
<div class="cloud cloud02"></div>
<div class="cloud cloud03"></div>
<div class="cloud cloud04"></div>
<div class="cloud cloud05"></div>
<div class="cloud cloud06"></div>
</div>
</body>
我认为这个CSS可以做到：
/* Hide the clouds by default */
body .cloud {
display: none;
}
/* Show them when it's cloudy or partly-cloudy */
body.cloudy .cloud, body.partly-cloudy .cloud {
display: block;
}
我认为这个CSS可以做到：
/* Hide the clouds by default */
body .cloud {
display: none;
}
/* Show them when it's cloudy or partly-cloudy */
body.cloudy .cloud, body.partly-cloudy .cloud {
display: block;
}
/* Hide the clouds by default */
body .cloud {
display: none;
}
/* Show them when it's cloudy or partly-cloudy */
body.cloudy .cloud, body.partly-cloudy .cloud {
display: block;
}
if ($( "body" ).hasClass( "cloudy" ))
{
//show clouds
}
else
{
// hide clouds //add sun
$( ".cloud" ).hide();
}