jQuery로 텍스트 색상을 어떻게 변경할 수 있습니까?


157

애니메이션이있는 텍스트를 가리키면 jQuery를 사용합니다. 색상이나 크기를 변경하는 코드가 있습니까?


14
참고-jQuery로 처리 할 수있는 CSS로 수행 할 수있는 모든 스타일입니다.
Corey Ballou

답변:


305

jQuery mouseover이벤트 핸들러에 다음을 배치하십시오 .

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

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

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

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


@dan 두 문장 모두 유효한 구문입니다 : api.jquery.com/css 참조 . (내가 그들을 시도 할 때 그리고 그들은 모두했다.)
칼 샤먼에게

6

아니면 다음을 할 수 있습니다

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

하지만 여기 에서 컬러 플러그인을 다운로드해야합니다 .


4

현재 jQuery UI Effects Core에는 텍스트 색상 애니메이션이 포함되어 있습니다. 꽤 작습니다. http://jqueryui.com/download 에서 사용자 정의 다운로드를 할 수 있지만 실제로는 효과 코어 자체 (UI 코어는 물론) 외에 다른 것이 필요하지 않으며 다른 여유 기능도 제공합니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.