jq에 동적 CSS 스타일을 동적으로 추가하는 방법

jq가 동적 CSS 스타일을 동적으로 추가하는 방법: 먼저 jquery 라이브러리 파일을 준비하고 클래스 스타일을 선언한 다음 이벤트 로딩 초기화 방법을 준비하고 익명 함수를 직접 사용한 다음 addClass를 사용하여 클래스를 div 요소에 추가합니다. 방법; 마지막으로 CSS 방법을 사용하여 계단식 변경을 수행합니다.

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

jq가 동적 CSS 스타일을 동적으로 추가하는 방법:

1. 먼저 아래와 같이 jquery 라이브러리 파일을 html로 준비하고 div 요소를 준비합니다. 그런 다음 스타일 태그 A 클래스에 선언합니다. 스타일을 아래 그림과 같이

3. 다음으로 이벤트 로딩 초기화 방법을 준비합니다. 아래 그림과 같이 jquery에서 직접 익명 함수를 사용합니다. 그런 다음 jquery를 사용합니다. addClass 메소드는 아래 그림과 같이 div 요소에 클래스를 추가합니다

5. 아래 그림과 같이 클래스 스타일을 제거하는 것도 매우 간단합니다.

6. 물론 아래 그림과 같이 CSS 방법을 통해서도 계단식 변경이 가능합니다.

위 내용은 jq에 동적 CSS 스타일을 동적으로 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!