Установить цвет фона на div с jQuery?

Question

Я работаю с куском кода HTML/JavaScript я нашел, чтобы произвести миленькое парение эффекта: http://jsfiddle.net/RaEER/1/

• Вы заметите в первом есть белое пространство над шаблонным изображением.

• Когда я наведите курсор мыши над ним, он идет зеленый тогда я MouseOut, он идет светло-серый.

Есть ли способ, я могу получить эту белую область, чтобы быть светло-серого цвета при загрузке страницы?

Если это помогает, это все делать с этой строки кода здесь:

<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');"> 

Answer 1

Вы можете сделать это addding это в файле Javascript или Js:

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

Работа демо: http://jsfiddle.net/RaEER/6/

Во всяком случае , вы должны отделить Javascript (jQuery в этом случае) от вашего HTML. Вы должны о его включении его в заголовке страницы, например:

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

Answer 2

Ой, почему вы положить все JavaScript в HTML-код?

Вы должны добавить теги <script> с помощью javacsript.

Чтобы цвет на окне нагрузки просто добавьте это:

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