JQuery 호버 변경 클래스 ASP.net

Question

저는 JQuery를 처음 사용합니다. 잘 작동하는 CSS 클래스가있는 버튼이 있지만 버튼을 가리키면 CSS 클래스를 변경하고 싶습니다.

어떻게 작성합니까?

이것은 내가 지금까지 무엇을 가지고 있습니다 :

//on top in my heading: 

<script type="text/javascript"> 
    $('btn').hover(function() { 
     alert("Test"); //just for testing 
    }); 
</script> 

//my button: 

<button id="btn" class="default_btn">ButtonText</button> 

Answer 1

변경 기준으로 선택을 변경합니다.

$(document).ready(function(){ 

    $('#btn').hover(function() { 
      alert("Test"); //just for testing 
     }); 

}); 

참조 JSfiddle :

http://jsfiddle.net/Curt/CKXw3/1/

Answer 2

왜 CSS를 시도 해달라고? 여기

.default_btn:hover{ 
    background-color: #f00; 
} 

데모 : 당신이 jQuery를 해결을 원하는 경우에 http://jsfiddle.net/naveen/Ytkma/

이 시도.

$("#btn").hover(function() { 
     $(this) 
      .removeClass("default_btn") 
      .addClass("default_hover_btn"); 
    }, function() { 
     $(this) 
      .removeClass("default_hover_btn") 
      .addClass("default_btn"); 
}); 

데모 : 코드가 작동하려면 http://jsfiddle.net/naveen/SfGVD/

Answer 3

어쨌든, #btn에

$('#btn') 

Answer 4

당신이 CSS에서와 같이 단순히 jQuery를 당신의 ID 년대를 선택합니다 : #ID를, 귀하의 경우

#btn jQuery 도우미 함수 hover은 일반적으로 콜백이 필요합니다. 한 개는 마우스를 올려 놓고 한 개는 마우스를 놓은 채로 두 번 누릅니다.

$(document).ready(function(){ 
    $('#btn').hover(function(event){ 
     if (event.type == "mouseenter") { 
      console.log("over"); 
     } else { 
      console.log("out"); 
     } 
    }); 
}); 

함수 호버는 jQuery 오브젝트에 기능을 결합 :

$(document).ready(function(){ 
    $('#btn').hover(function(){ 
     alert("over"); 
    },function(){ 
     alert("out"); 
    }); 
}); 

또 다른 방법은 이벤트 유형을 감지하는 것입니다. mouseenter 및 mouseleave입니다. 따라서 mouseenter이 아니라면 mouseleave이라고 가정 할 수 있습니다.