>  기사  >  웹 프론트엔드  >  jQuery 테이블 행 색상 변경의 세 가지 구현 방법_jquery

jQuery 테이블 행 색상 변경의 세 가지 구현 방법_jquery

WBOY
WBOY원래의
2016-05-16 18:05:411345검색
코드 복사 코드는 다음과 같습니다.

$('tr').hover(function(event ) {
$(this)[ (event.type == 'mouseenter' ? 'add' : 'remove') 'Class' ]('test') //테스트는 스타일
}); 🎜>
$('tr').hover(function(event) {
$(this).toggleClass('test'); //테스트는 스타일
})

$( 'tr').hover(function(){
$(this).addClass('test'); //테스트는 스타일
}, function(){
$(this) .removeClass( 'test'); //테스트는 스타일
});

참고: 일반적인 상황에서는 두 번째 방법을 사용해도 괜찮지만, 끌려가면 BUG가 있을텐데, 셀프 테스트를 통해서 알 수 있을 것이다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.