Javascript 使用jQuery在div上设置背景色？

我一直在使用一段HTML/JavaScript代码，我发现这段代码产生了一个很好的悬停效果：

• 首先，您会注意到占位符图像上方有一个空白

• 当我将鼠标滑过它时，它会变成绿色，然后我将鼠标滑出，它会变成浅灰色

加载页面时，有没有办法将此白色区域设置为浅灰色？

如果有帮助的话，这一切都与下面这行代码有关：

<div class="slides_item post-thumb" style="
background:#ededed!important"
onmouseover="
$(this).find('.hover_the_thumbs').css('background-color','rgba(0, 0, 0, 0.6)'); 
$(this).find('.magnify_this_thumb').css('left', '51%').css('opacity',1); 
$(this).find('.hyperlink_this_thumb').css('left', '43%').css('opacity',1); 
$(this).children('div').css('background','#8ec252');  
$(this).find('.p_title a').css('color', 'white'); 
$(this).find('.p_exerpt p').css('color', 'white'); 
$(this).find('.p_title').css('border-top', '0');" 

onmouseout="
$(this).find('.hover_the_thumbs').css('background-color','rgba(0, 0, 0, 0)'); 
$(this).find('.magnify_this_thumb').css('left', '-15%').css('opacity',0); 
$(this).find('.hyperlink_this_thumb').css('left', '105%').css('opacity',0); 
$(this).children('div').css('background','#fff'); 
$(this).find('.p_exerpt p').css('color', ''); 
$(this).find('.p_title a').css('color', ''); 
$(this).children('div').css('background','#ededed'); 
$(this).find('.p_title').css('border-top', '0');">

哎哟，你为什么把所有的javascript都放在html代码中

您应该在JavaCScript中添加一些
标记

要在窗口加载时添加颜色，只需添加以下内容：

<script type="text/javascript">
$(window).load(function() {
    $('.your-item-class').css('background-color','lightGrey'); 
});
</script>


$（窗口）。加载（函数（）{
$（'.your item class'）.css（'background-color'，'lightGrey'）；
});
您可以在Javascript或Js文件中添加以下内容：

$(document).ready(function(){
    $('.slides_item').children('div').css('background','#8ec252')
});

工作演示：

无论如何，您应该将Javascript（本例中为jQuery）与HTML分开。
您应该将其包含在页面的标题中，例如：

<script src="path_to_your_js/file.js"></script>


对不起，我有时更喜欢在初始开发时这样做，然后在准备好后再移动。傻，我知道：）答案很好-我现在就试试这个。谢谢你。@michaelmcgurk你应该停下来，那没有意义。谢谢你，尼克。上船：）@soyuka-我在这里尝试过：但没有这样的成功。是的，这是因为jQuery是加载的，请参阅或从添加了fadeIn的steve代码中加载的@Morv编辑谢谢。@Morv
css（{“键”：“值”}）
和
css（“键”、“值”）
相似，但对象语法更灵活-允许一次更改多个属性。另外，通过将
css
替换为
animate
，很容易对状态进行动画更改。这是添加事件侦听器的糟糕方法。不仅凌乱和不恰当，而且是XX世纪。我实际上是从一个最早的主题中提取了这个主题，现在重建成我自己的主题。我同意，这不是最漂亮的。嗨，史蒂夫。非常感谢。出于兴趣，您知道为什么页面加载时它会从白色变为浅灰色吗？完全同意-从现在起，我将把他们分开。这就是我的工作方式：）^完全同意。我总是做这个后期项目，但我现在正处于开发阶段。不会再发生：）因为你有一个CSS样式的转换应用于
div
：
webkit转换：所有0.4s易于输入输出-moz转换：所有0.4易入易出-o型过渡：所有0.4s易于输入输出-ms转换：所有0.4s易进易出；过渡：所有0.4缓进缓出；“
D'oh.对不起，史蒂夫。我自己刚刚发现了这个问题。完美的答案。只需等待2分钟即可接受。请放心，我会改变我的内联方式。