"JQuery CSS 속성 변경"의 두 판 사이의 차이

9번째 줄: 9번째 줄:
<script>
<script>
$(function(){
$(function(){
document.write("document ready!!");
$('body').css('background-color', 'red');
$('body').css('background-color', 'red');
});
});

2014년 11월 27일 (목) 10:28 판

jQuery CSS 속성 변경
jQuery CSS 속성 바꾸기
jQuery 스타일 변경

1 예시 1

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(function(){
	$('body').css('background-color', 'red');
});
</script>
<body>안녕하세요</body>

2 예시 2

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$(function() {
  $("#hello").css("background","gold");
  $("input[type='button']")
    .css("border","solid 3px red")
    .css("background","pink");
});
</script>
</head>
<body>
<div id="hello">안녕</div>
<input type="button" value="친구들 버튼" />
</body>
</html>

3 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}