Jquery에서 요소의 CSS 속성을 제거하는 방법

Jquery 메소드를 사용하여 요소의 CSS 속성을 제거합니다. 1. "$(element)" 문을 사용하여 지정된 요소 객체를 얻습니다. 2. css() 메소드를 사용하여 요소의 CSS 속성을 제거합니다. "요소 object.css(" 속성 이름 ","");"입니다.

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery를 사용하여 요소의 CSS 속성을 제거하는 방법

jquery를 사용하여 CSS 속성을 제거하는 방법은 무엇입니까? 특정 CSS 스타일 속성이 html의 dom 요소에 추가된 경우 jquery를 사용하여 추가된 속성을 직접 제거할 수는 없지만 스타일 재정의 방법을 사용하여 설정된 속성을 제거하고 기본 스타일로 복원할 수 있습니다. 그것을 처리하는 방법을 살펴 보겠습니다.

처리를 위해 jquery를 사용하고 있으므로 먼저 jquery 플러그인 파일을 소개하겠습니다.

html에서는 my_class 스타일의 div와 CSS 속성 값 삭제를 트리거하는 버튼을 만듭니다.

해당 스타일 코드와 결합하여 여기서는 주로 설정된 높이 및 색상 속성 값에 중점을 둡니다.

버튼 클릭 이벤트 기능에서 jquery의 CSS 메서드를 사용하여 스타일 속성을 설정할 수 있습니다. 예를 들어 여기서 height 값을 auto로 설정하면 원래 스타일에 설정된 height 속성 값을 기본값으로 복원할 수 있습니다.

먼저 페이지를 살펴보겠습니다. 이제 div의 높이는 300px입니다.

클릭하면 원래 스타일에서 설정한 높이 값이 더 이상 유효하지 않고 기본값인 auto로 덮어씌워져 있는 것을 볼 수 있는데, 이는 원래 속성 값을 삭제하는 것과 동일합니다.

다른 스타일 속성 값은 색상과 같은 기본값이 다르며, 기본값은 상속됩니다.

페이지를 새로 고침하고 높이를 제외하고 버튼을 다시 클릭하십시오. , 이는 기본값으로 복원됩니다. 값이 설정된 후 텍스트 색상이 검은색 글꼴로 돌아갑니다. 이는 색상 스타일 속성을 설정하지 않은 것과 같습니다.

추천 관련 비디오 튜토리얼: jQuery 비디오 튜토리얼

위 내용은 Jquery에서 요소의 CSS 속성을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!