JQuery CSS 스타일 제어 연구 Notes_jquery

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

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

코드 복사

코드는 다음과 같습니다. jq(document ).ready(function{ jq("#font_red").click(function(){ jq("p.info").css({"배경색 ":"red","font -size"="200%"});

}); });

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

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

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

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




코드 복사


코드는 다음과 같습니다.

< ;head> jq(document).ready(function(){ jq("#font").click(function(){ jq(".font_s").height(" 200px") ;

jq(".font_s").width("20px");

}); });

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