jQuery로 텍스트 색상을 변경하려면 어떻게 해야 합니까?

jQuery로 텍스트 색상을 변경하려면 어떻게 해야 합니까?

애니메이션이 있는 텍스트를 호버할 때는 반드시 jQuery를 사용할 것입니다.색상이나 사이즈에 변화를 줄 코드가 있나요?

jQuery에 다음을 넣습니다.mouseover이벤트 처리기:

$(this).css('color', 'red');

색상과 크기를 동시에 설정하려면:

$(this).css({ 'color': 'red', 'font-size': '150%' });

를 사용하여 CSS 속성을 설정할 수 있습니다..css() jQuery 함수.

아니면 당신은 다음을 할 수 있습니다.

$(this).animate({color:'black'},1000);

하지만 여기서 컬러 플러그인을 다운받으셔야 합니다.

현재 jQuery UI Effects Core에는 애니메이션 텍스트 색상이 포함되어 있습니다.아주 작습니다.여기 http://jqueryui.com/download 에서 사용자 지정 다운로드를 할 수 있습니다. 그러나 효과 코어 자체(심지어 UI 코어) 외에는 실제로 필요한 것이 없으며, 다양한 완화 기능도 제공합니다.

jquery 대신 CSS를 사용

전환:

div:hover {
    transition: all 1s;
    color: orange;
    font-size: 150%;
}

<div>lorem</div>
<div>ippsum</div>
<div>dolor</div>

또는 다른 애니메이션: CSS 트릭 | 호버에서 텍스트 링크의 색상을 애니메이션화하는 4가지 방법

언급URL : https://stackoverflow.com/questions/2001366/how-can-i-change-the-text-color-with-jquery