jQuery 메소드는 인터레이스 색상 변경과 ToggleClass_jquery 사용을 간결하게 구현합니다.

현재는 간단한 메소드인ToggleClass()를 사용하여 인터레이스 색상 변경을 구현합니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. 🎜> 색상 변경 body,table,td, { font-family:Arial, Helvetica, sans-serif font-size:12px; { 배경:# f3f3f3; 색상:#000; } .c { 배경:#ebebeb; 색상:#000;

&lt ;input type="checkbox" name="checkbox" class="check1" value="checkbox" /> 블루 메이플 프론트 엔드 td>블루 메이플 프론트 엔드 블루 메이플 프런트 엔드 블루 메이플 프런트 엔드 블루 메이플 프론트 엔드 블루 메이플 프론트 엔드 ;td align="center" 블루 메이플 프론트 엔드 ;블루 메이플 프론트 엔드 블루 메이플 프론트 엔드 블루 메이플 프론트 엔드 > 블루 메이플 프론트 엔드 블루 메이플 프론트 엔드 tr> ;td>블루 메이플 프론트 엔드 블루 메이플 프론트 엔드 /table>

script>

첫 번째 더 복잡한 방법 :

코드 복사

코드는 다음과 같습니다:

$(function() { $ ("#table tr").hover(function() { $(this ).addClass("h"); },function() { $(this ).removeClass("h") }) $("input") .click(function() { if($(this).attr("checked")) { $(this).closest("tr").addClass("c "); } else { $(this).closest("tr ").removeClass("c"); } }) } )

두 번째 더 간단한 방법 : ggleClass() 선택한 요소에 대해 하나 이상의 클래스 설정 또는 제거를 토글합니다. 각 요소에 지정된 클래스를 확인하는 방법입니다. 클래스가 존재하지 않으면 추가하고, 설정되어 있으면 제거합니다. 이를 토글 효과라고 합니다. 그러나 "switch" 매개변수를 사용하면 클래스만 제거하거나 추가만 하도록 지정할 수 있습니다.

코드 복사

코드는 다음과 같습니다.

$(function(){ $(" #table tr").hover(function(){ $(this).toggleClass("h"); }) $("input").click(function() { var d = $(this); d.closest('tr').toggleClass("c",d.attr("checked")) }) })