위키
포럼
도구
바뀐글
랜덤

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

잔글 (Jmnote 사용자가 JQuery (3) CSS 속성 변경하기 문서를 JQuery CSS 속성 변경 문서로 옮겼습니다)
잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 5명의 중간 판 15개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{소문자}}
{{소문자}}
;jQuery (3) css 속성 변경
;jQuery CSS 속성 변경
;jQuery (3) css 속성 바꾸기
;jQuery CSS 속성 바꾸기
;jQuery 스타일 변경


==example03.php==
==예시 1==
<source lang='html5'>
<syntaxhighlight lang='html5'>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(function(){
$('body').css('background-color', 'red');
});
</script>
<body>안녕하세요</body>
</syntaxhighlight>
 
==예시 2==
<syntaxhighlight lang='html5'>
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
<head>
<head>
<meta charset="utf-8" />
<meta charset="utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
<script>
$(document).ready(function(){
$(function() {
$("#hello").css("background","gold");
  $("#hello").css("background","gold");
$("input[type='button']")
  $("input[type='button']")
.css("border","solid 3px red")
    .css("border","solid 3px red")
.css("background","pink");
    .css("background","pink");
});
});
</script>
</script>
24번째 줄: 36번째 줄:
</body>
</body>
</html>
</html>
</source>
</syntaxhighlight>


*데모: http://jmnote.com/jq/example03.php
*데모: http://zetawiki.com/ex/jquery/example03.php


==같이 보기==
==같이 보기==

2020년 11월 2일 (월) 02:53 기준 최신판

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 같이 보기[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=JQuery_CSS_속성_변경&oldid=607272"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}