오늘은 간단한 메소드인ToggleClass()를 사용하여 인터레이스 색상 변경을 구현합니다. 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. 隔行换color <br> body,table,td, {<br> 글꼴 계열:Arial, Helvetica, sans-serif;<br> 글꼴 크기: 12px;<br> }<br> .h {<br> 배경:#f3f3f3 ;<br> 색상:#000;<br> }<br> .c {<br> 배경:#ebebeb;<br> 색상:#000;<br> }<br> 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家스크립트 홈 ;첫 번째 더 복잡한 방법: 코드 복사 코드는 다음과 같습니다. $(function() { $("#table tr").hover(function() { $(this).addClass("h") ; > { if ($ .attr ("확인됨") { $ (이것) .closest ("tr"). 클래스 추가("c"); } } else { $(this).closest("tr").removeClass("c") ; } }) })두 번째로 간단한 방법: toggleClass() 선택한 요소의 하나 이상의 클래스 설정 또는 제거를 전환합니다. 각 요소에 지정된 클래스를 확인하는 방법입니다. 클래스가 존재하지 않으면 추가하고, 설정되어 있으면 제거합니다. 이를 토글 효과라고 합니다. 그러나 "switch" 매개변수를 사용하면 클래스만 제거하거나 추가만 하도록 지정할 수 있습니다. 코드 복사 코드는 다음과 같습니다. $(function(){ $(" #table tr").hover(function(){ $(this).toggleClass("h"); > var d = $(this); d.closest(' tr').toggleClass("c",d.attr("checked")) ; }) }) < ;/html>
