"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > jQuery를 사용하여 Div에서 동적 CSS 스타일을 제거하는 방법은 무엇입니까?

jQuery를 사용하여 Div에서 동적 CSS 스타일을 제거하는 방법은 무엇입니까?

2024년 11월 11일에 게시됨
검색:687

How to Remove Dynamic CSS Styles from Divs using jQuery?

jQuery를 사용하여 Div에서 CSS 제거

이 애플리케이션에서는 Div 요소에서 클릭 이벤트가 트리거되어 CSS 속성을 동적으로 수정합니다. 배경색, 글꼴 두께 등. 그러나 후속 질문이 생깁니다. 기본 기능이 완료된 후 적용된 CSS 스타일을 어떻게 제거할 수 있습니까?

jQuery를 사용하여 요소에서 특정 CSS 속성을 제거하려면 다음 코드를 사용할 수 있습니다.

$(this).css({'background-color' : '', 'font-weight' : ''});

이 코드는 대상 CSS 속성을 명시적으로 기본값으로 다시 설정합니다. , 효과적으로 요소에서 제거합니다.

이 솔루션은 특정 문제를 해결하지만 CSS 속성을 동적으로 추가하고 제거하는 대신 CSS 클래스를 사용하여 미리 정의된 스타일 간을 전환하는 것을 고려해 볼 가치가 있습니다. 이 접근 방식은 CSS 스타일링에서 더 나은 구성과 유지 관리성을 제공합니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3