대체 행의 테이블 색상을 변경하고 mouseover_jquery 이후 색상을 변경하기 위해 jQuery를 구현하는 두 가지 방법

1. 대체 줄 색상 변경

코드 복사 코드는 다음과 같습니다.

$( "tr:odd" ).css("배경색","#eeeeee")
$("tr:even").css("배경색","#ffffff")

또는 한 줄로 수행:

코드 복사 코드는 다음과 같습니다.

$("table tr:nth -child(odd)").css("Background-color","#eeeeee")

:nth-child는 N번째와 일치합니다. 상위 요소 아래의 하위 또는 홀수 요소

2. 마우스 색상이 변경됩니다.

코드 복사 코드는 다음과 같습니다:

$("tr ").live({
mouseover:function(){
$(this).css("Background-color"," #eeeeee");
},
mouseout:function() {
$(this).css("Background-color","#ffffff");
}
})

또는

코드 복사 코드는 다음과 같습니다.

$("tr").bind("mouseover",function(){
$(this).css("Background-color","#eeeeee");
})
$( "tr").bind("mouseout",function(){
$(this ).css("Background-color","#ffffff");
})

물론, live()와bind()는 동시에 여러 이벤트를 바인딩하거나 개별적으로 바인딩할 수 있습니다.