div에서 div를 선택

Question

간단한 질문에 대한 사과 나는 이제 막 시작했습니다. 내 안에 탐색 div와 4 개의 버튼 클래스 div가 있습니다.

내가 할 때 마우스 오버/이것은 내가 지금까지 가지고있는 JQuery와있다

등을 입력 적절한 버튼의 div 배경 클래스를 변경할 수 있도록하려면

<script> 
$(document).ready(function(){ 
    $("#nav").mouseenter(function(){ 
    $(this).stop(true,true).find(".button").fadeTo(200,0.5,function(){ 
    $("#nav").mouseleave(function(){ 
    $(this).stop(true,true).find(".button").fadeTo(200,1); 
    }); 
    }); 
    }); 
}); 
</script> 

Answer 1

나는 당신이 할 수 있습니다 생각 :

<script> 
$(document).ready(function(){ 
    $("#nav .button").mouseenter(function(){ 
    $(this).stop(true,true).fadeTo(200,0.5,function(){ 
    $(this).mouseleave(function(){ 
    $(this).stop(true,true).fadeTo(200,1); 
    }); 
    }); 
    }); 
}); 
</script> 

나는이하지 않으며 테스트,하지만 요점은 당신이 자신이 아닌 용기의 버튼에 이벤트 핸들러를 추가 할 생각이 무엇인지 모른다. 그래?

Answer 2

이 시도 :

$('#nav').find('.button').each(function(){ 
    $(this).mouseover(function(){ 
     $(this).attr('style', 'background:url(http://jsfiddle.net/favicon.gif) top left'); 
    }); 
    $(this).mouseout(function(){ 
     $(this).attr('style', 'background:none'); 
    }); 
}); 

당신이있어 작업을 볼 수 있습니다 - http://jsfiddle.net/FDQXa/