<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="../jquery-3.6.0.min.js"></script>
<style>
#div1{ width:200px; height:100px; font-size:20px; background:orange; }
</style>
<script>
$(function(){
});
</script>
</head>
<body>
<div id="div1">고양이</div>
</body>
</html>
이런 파일을 준비한다.
그럼 아래처럼 뜰 것이다.
<script>
$(function(){
var div1 = $('#div1');
alert(div1.width());
alert(div1.height());
alert(div1.css('font-size'));
});
</script>
var div1 = $('#div1');
변수명 = 선택자
alert(div1.width());
경고창에 div1의 width 크기를 띄운다.
이런식으로..
alert창에 div1의 width, height, font-size 값이 차례대로 뜬다.
'개발일지 > JavaScript + jquery' 카테고리의 다른 글
[jquery] animate 기능 움직이다가 멈추기 alert (복습) (0) | 2021.09.14 |
---|---|
[jquery] radio 입력 받아서 출력하기 (0) | 2021.09.14 |
[jquery] each() 명령어 (0) | 2021.09.13 |
JavaScript를 Jquery로 바꾸기 예제 (0) | 2021.09.13 |
[jquery] clickTest 줄여서 쓰기 $(this) (0) | 2021.09.13 |