마우스와 키보드에서 HTML과 상호 작용

Question

Here은 내 코드입니다. 나는 단추를 검정색으로 바꿔 놓으려고 노력하고 있습니다.

나의 현재 jQuery를

(내가 다시 많은 여전히 ​​학습 모른다) :이 옵션 Chose Framework이 왼쪽 메뉴에서

$(document).ready(function() { 
    $('div').mouseenter(function() { 
     $('div').fadeTo('fast', 1); 
    }); 
    $('div').mouseleave(function() { 
     $('div').fadeTo('fast', 0.5); 
    }); 
}); 

Answer 1

을, 당신은 jQuery을 추가해야합니다, 당신은 그것을 할 것을 잊었다.

demo

Answer 2

jsfiddle의 문제는 당신이 왼쪽에서 JQuery와 .. 당신이 특정 요소를 대상으로 this을 사용할 수 있습니다 이벤트 핸들러 내부 또한

대신 사용을 포함하지 않은 것입니다 $('div') 페이지의 모든 div를 타겟팅합니다.

$(document).ready(function() { 
    $('div').mouseenter(function() { 
     $(this).fadeTo('fast', 1); 
    }); 
    $('div').mouseleave(function() { 
     $(this).fadeTo('fast', 0.5); 
    }); 
}); 

---

당신은, 그러나, 그러나 다만 CSS 전환

div { 
    opacity:0.5; 
    border-radius:5px; 
    width:20%; 
    height:100%; 
    background-color:black; 
    text-align:center; 
    border-color:blue; 
    float:left; 
    color:#FFFFFF; 

    transition:opacity 1s; /*added this to enable transitions on opacity of divs*/ 
} 
div:hover{ 
    opacity:1; 
} 

데모 http://jsfiddle.net/gaby/DnNkk/2/