> 웹 프론트엔드 > JS 튜토리얼 > jquery는 CSS method_jquery를 통해 웹 페이지의 배경색을 변경합니다.

jquery는 CSS method_jquery를 통해 웹 페이지의 배경색을 변경합니다.

WBOY
풀어 주다: 2016-05-16 16:45:56
원래의
1483명이 탐색했습니다.

일부 웹사이트, 특히 일부 새로운 웹사이트를 탐색할 때 페이지의 배경색을 수정할 수 있는 곳이 있습니다. 이 기능은 jquery를 사용하여 쉽게 구현할 수 있습니다.

렌더링:
jquery는 CSS method_jquery를 통해 웹 페이지의 배경색을 변경합니다.
코드 표시:

코드 복사 코드는 다음과 같습니다.



< title>jquery 테스트

<본문>
<버튼 스타일="배경색:흰색" value="흰색"
<버튼 스타일="배경색:녹색" 값="녹색">녹색
<버튼 스타일="배경색:노란색" value= "노란색"

<script>$("버튼"). click( <br>function() <br>{ <br>var color = this.value; <br>$("body").css("Background-color",color); <br>} <br> ) <br></script>



먼저 요소 이름인 버튼을 기준으로 조작하려는 객체를 선택한 다음 클릭 방법을 사용하여 찾습니다. 클릭한 버튼을 클릭한 다음 트리거된 이벤트에서 버튼의 해당 색상 값을 가져온 다음 css() 메서드를 통해 색상 값을 background-color 속성 값으로 전달합니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿