jQuery를 애니메이션 불필요한 스타일 잎

Question

나는 다음과 같은 jQuery를 애니메이션 시퀀스를 실행하면 :

$('#task').animate({ backgroundColor: fadeColor }, 50) 
      .animate({ opacity: 1.0 }, 1000) 
      .animate({ backgroundColor: originalBG }, 1000); 

는 이러한 스타일은 사람들과 장난하는

<tr id="task29" onclick="TaskEdit('29');" style="background-color: rgb(255, 255, 255); opacity: 1;"> 

전체 (아래) 내 테이블 행에 불필요한 스타일을 잎 내 CSS 파일 (특히 일부 호버 스타일)에 정의되어 있습니다. 누구든지 그들을 제거하는 것에 대한 권고안을 가지고 있습니까? jQuery 1.3.1을 사용하고 있습니다. 나는 체인의 끝 부분에

.attr('style', ''); 

을 추가하려고 시도했지만 작동하지 않았습니다. 다른 아이디어?

Answer 1

및/하이라이트 효과를 뛰다 :)

Answer 2

http://docs.jquery.com/UI/Effects/addClass

분명히 addClass 방법은 시간이 걸릴 수 있습니다. 애니메이션에 대한 수업을 만들고이를 시도해보십시오. 필요한 경우 클래스를 제거 할 수 있어야합니다.

Answer 3

Stuard와 마찬가지로 수업을 사용하는 것이 좋습니다. 당신은 당신이 말을하고 싶은 경우

는하지만 (확실히 나쁜 생각 ...) 나는 JQuery와 UI를 사용하는 것이 더 적절하다고 생각 싶은 들어

$('#task').animate({ backgroundColor: fadeColor }, 50) 
     .animate({ opacity: 1.0 }, 1000) 
     .animate({ backgroundColor: originalBG }, 1000, function(){ 
     $(this).removeAttr('style'); 
     });