| 01.WidthHeight.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>검색된 요소의 크기 구하기</title>
<style type="text/css">
#my { background-color:Lime;
}
</style>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ $('#btnSize').dblclick(function() { var msg = $('#my').width()
+ ", "
+ $('#my').height(); window.alert(msg); });
});
</script>
</head> <body>
<div id="my"> <p>jQuery</p> <p>Ajax</p>
</div>
<input type="button" id="btnSize" value="위 영역의 크기 구하기" />
</body> </html> <!-- my영역에 대해서 길이를 구해서 값을 동적으로 가져온다. 더블클릭시 실행 (실행창의 크기) --> |
| 결과화면 |
[그림44-1] |
01.WidthHeight.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 46.jQuery - trigger 메서드로 click 행위 실행 ( 07.Events ) (0) | 2009.11.12 |
|---|---|
| 45.jQuery - margin을 포함한 높이와 너비 구하기 ( 06.CSS ) (0) | 2009.11.11 |
| -- 현재 까지의 jQuery 소스5 -- (0) | 2009.11.11 |
| 43.jQuery - Remove ( 05.Maripulation - 07.Remove ) (0) | 2009.11.11 |
| 42.jQuery - ReplaceWith ( 05.Maripulation - 06.ReplaceWith ) (0) | 2009.11.11 |
Comments