jQuery를 이용해 Style(CSS) 제어
페이지 정보
작성자 서방님 댓글 0건 조회 117회 작성일 16-12-23 09:08본문
jQuery에서 CSS 속성값 확인 및 변경 API
CSS 속성값 확인 $("변경하려는 대상").css("속성"); CSS 속성값 변경 $("변경하려는 대상").css("속성","속성값"); |
속성값 여러개를 변경하는 경우는 ,로 구별해서 사용이 가능합니다.
예를들면, css({'속성1':'값1','속성2':'값2'}) 처럼 말이죠.
HTML쪽은 "<div id="abc">abc</div>"를 그대로 사용하며..
jQuery는 클릭을 했을때 글자 크기가 커지면서 색상이 변경되도록 해보겠습니다.
$("#abc").click(function(){
$(this).css({'font-size':'40px','color':'red'});
});
댓글목록
등록된 댓글이 없습니다.