<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="q1">
<img alt="" src="photo4.jpg">
</div>
<script type="text/javascript">
$(function () {
$(window).resize(function () {
alert("window resize"); // window size 줄일떄 메세지 알려줌
$("#q1 img").css({
"width":"640",
"height":"480"
});
});
});
</script>
</body>
</html>
'JQuery > JQuery 기본' 카테고리의 다른 글
[JQuery] 사이트 및 코드사용 (0) | 2018.08.07 |
---|---|
[JQuery] length 길이 확인하기. (0) | 2018.08.07 |
[JQuery] 삭제,요소지우기,text내용삭제,테그 삭제 (0) | 2018.08.07 |
[JQuery] append preppend (0) | 2018.08.06 |
[JQuery] attr,prop (0) | 2018.08.06 |