JQuery CSS 스타일 제어 연구 Notes_jquery

jQuery에 대해서는 별로 할 말이 없습니다. 비교적 일반적으로 사용되는 JS의 함수 라이브러리입니다. 오늘은 CSS
$(selector).css("name","value" ) $(selector).css({properties})
$(selector).css(name)
$(selector).css("name","value")는 모든 요소에 대해 제공됩니다. CSS 속성 설정값 :
아래 제가 방금 작성한 코드를 보세요

코드를 복사하세요 코드는 다음과 같습니다

해당 html은 다음과 같습니다.

이 텍스트의 배경이 빨간색으로 변하면 크기가 두 배로 커집니다

여기를 클릭하세요< ;/button>
효과 보기:

마지막 CSS(이름)를 살펴보겠습니다.
이것은 거의 사용되지 않습니다
보기 예제
$(this).css("Background-color");
실제로는 "name"의 속성값을 반환하는데, 기본적으로는 비교적 적게 사용되는 부분이므로 자세히 설명하지 않겠습니다. jQuery 크기는 별도로 나열되어야 합니다.
크기에는 $(selector).height(value) 및 $(selector).width(value)라는 두 가지 매개변수가 있습니다.
둘의 사용법은 동일하며 아래에 나열되어 있습니다. 예를 들어보세요:




코드 복사


코드는 다음과 같습니다.

< ;head>

이 p 태그 상자의 높이는 200px로 늘어나고 너비는 20px이 됩니다.
클릭하면 변경됩니다




다음은 보충 테스트 코드입니다

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

<머리>