jquery를 사용하여 한 열을 클릭하여 색상을 변경한 다음 다른 열을 클릭하여 색상을 변경하는 방법이 있지만 원래 열은 원래 색상으로 다시 변경됩니다(1, 2, 3). 코드 복사 코드는 다음과 같습니다. < ;ul> a[0] ;< ;b>a[1] a[2]< b> 색상을 변경하려면 1,1을 클릭하고, 색상을 변경하려면 2,2를 클릭하세요. , 그러나 1은 원래 색상으로 다시 변경됩니다. 다음은 초기 테스트 코드입니다: HTML 코드: 코드 복사 코드는 다음과 같습니다. color:red;} <br> <br>$('ul li a').bind('click', function(){ <br>$('ul li a:not(this)').removeClass('clckClass' ) <br>$(this).addClass('clckClass') <br>}); /script>JScript 코드: <br><style type="text/css"> <br>.clckClass{color:red;} <br></style><br><script type="text /javascript"> <br>$('ul li a').bind('click' , function(){ <br>$('.clckClass').removeClass('clckClass'); <br>$( this).addClass('clckClass'); <br>}); <br></ script> <br><br> <br>위 코드에서는 'clckClass' 스타일을 다른 요소에 사용할 수 있습니다. $('.clckClass').removeClass('clckClass');를 사용하면 화면에서 clckClass가 사용됩니다. 스타일 요소는 clckClass 스타일 밖으로 이동됩니다. 이는 분명히 우리가 원하는 결과가 아닙니다. ul li a에서 clckClass 스타일을 제거하면 됩니다. 그러나 나중에 위 코드에서 clckClass는 이 태그에서만 사용할 수 있다는 점을 발견했습니다. 다른 태그에서도 사용하면 효과에 영향을 미칠 수 있다는 점만 고려했습니다. 스타일은 위의 상황에 따라 다음과 같이 약간 수정할 수 있습니다. <br>JScript 코드: </div> <br><br><br><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="57855" class="copybut" id="copybut57855" onclick="doCopy('code57855')"><u> 코드는 다음과 같습니다: </u></a> </span><style type="text/css"> </div>.clckClass{color:red;} <div class="codebody" id="code57855"></style> ; <BR><script type= "text/javascript"> <br>var RemoveClassA = $('ul li a.clckClass') <br>$('ul li a').bind('click' , function(){ <br>removeClassA .removeClass('clckClass'); <br>$(this).addClass('clckClass') <br>removeClassA = $(this) <br>}); ><br> <br>< /script> 이렇게 작성하면 다음에 클릭할 때 다시 탐색할 필요가 없고 속도도 빨라집니다.</div>
