지침:
특정 텍스트를 클릭하면 텍스트가 빨간색으로 변경됩니다. 다시 클릭하면 텍스트가 다시 검은색으로 변합니다.
jquery 테스트<br><script src="jquery-%201.11.1%20.min.js"><style type="text/css"> <BR>.red <BR>{ <BR>color:red; <BR>} <BR> </style> <BR></head> <BR><br><body> <br><p>배움은 흐름을 거슬러 항해하는 것과 같습니다. 후퇴</p> <BR><p> 배움은 조류를 거슬러 항해하는 것과 같습니다. 전진하지 않으면 후퇴하게 됩니다. <BR><p>배움은 조류를 거슬러 항해하는 것과 같습니다. 전진하지 않으면 후퇴하게 됩니다</p> /p> <BR><script type="text/javascript"> $("p").click(function(){ <BR> if($(this).hasClass("red") ){ //클래스가 존재하는지 확인 <BR>$(this).removeClass("red") <BR>}else{ <BR>$(this) .addClass("red"); <BR>} <BR>}) <BR></script> <BR></html> 이는 클래스를 교대하는 과정이므로 토글클래스 메소드를 사용할 수 있습니다. 해당 클래스인 "red"가 존재하면 제거하고, 없으면 추가하십시오. <BR><BR><BR><BR><BR>복사 코드 </script>
코드는 다음과 같습니다.
메타 charset="utf-8"> jquery 테스트 🎜>
배움은 조류를 거슬러 항해하는 것과 같아서, 전진하지 않으면 퇴보하게 됩니다
배움은 항해와 같습니다 전진하지 않으면 후퇴한다 전진하지 않으면 후퇴한다
배움은 조류를 거슬러 항해하는 것과 같습니다. 전진하지 않으면 후퇴합니다
< ;/html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
