26. (jquery/제이쿼리) css 지정자 사용해 태그, 클래스, 아이디 css 스타일 변경 실시

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : jquery

/* =========================== */

​

/* =========================== */

[소스 코드]

 

<!-- Jquery CDN 로드 : 항상 최신 버전 사용 -->
<script src="https://code.jquery.com/jquery-latest.min.js"></script>   




<!-- script 소스코드 -->
// 특정 태그 css 스타일 속성 지정 및 확인 [ex : body 태그]
$("body").css("height", "100%"); // [css 속성 지정]
$("body").css("height"); // [css 속성 값 확인]



// 특정 클래스 css 스타일 속성 지정 및 확인 [ex 클래스명 : CID]
$(".CID").css("height", "100%"); // [css 속성 지정]
$(".CID").css("height"); // [css 속성 값 확인]



// 특정 태그 ID css 스타일 속성 지정 및 확인 [ex ID명 : TID]
$("#TID").css("height", "100%"); // [css 속성 지정]
$("#TID").css("height"); // [css 속성 값 확인]

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */