>  기사  >  웹 프론트엔드  >  jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

藏色散人
藏色散人원래의
2021-02-28 11:18:003649검색

jquery에서 CSS 스타일을 삭제하는 방법: 먼저 새 HTML 파일을 만든 다음 jquery.min.js 라이브러리 파일을 도입한 다음 스타일을 사용하여 div 태그에서 CSS 스타일을 정의합니다. 생성된 delbg 함수는 그냥 스타일입니다.

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

jquery는 스타일에서 속성을 제거합니다.

jquery가 스타일에서 속성을 제거하는 방법을 설명하기 위해 test.html이라는 새 html 파일을 만듭니다.

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

test.html 파일에 jquery.min.js 라이브러리 파일을 추가하고 파일을 성공적으로 로드하면 jquery의 메소드를 사용할 수 있습니다.

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

test.html 파일에서 div 태그를 사용하여 모듈을 생성하고 그 ID를 testdiv로 설정하는데, 주로 아래 ID를 통해 div 객체를 얻을 때 사용됩니다.

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

div 태그에서 style을 사용하여 div의 스타일을 정의하고, CSS를 사용하여 div의 너비를 100px로, 높이를 100px로, 테두리를 1px의 단색 분홍색 테두리로, 배경색을 설정합니다. 빨간색으로. [추천: "css 비디오 튜토리얼"]

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

test.html 파일에서 버튼 태그를 사용하여 버튼을 생성하고 onclick 클릭 이벤트를 버튼 버튼에 바인딩하고 버튼이 클릭되면 실행합니다. delbg() 함수 .

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

js 태그에 delbg() 함수를 생성하고, 해당 div의 id를 통해 div 객체를 얻은 후, css() 메서드를 사용하여 배경 속성을 공백으로 설정하여 배경을 제거합니다. 색상.

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

브라우저에서 test.html 파일을 열고 버튼을 클릭하여 효과를 확인하세요.

jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법

위 내용은 jquery를 사용하여 CSS에서 특정 스타일을 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.