<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> jQuery ready() 의 4가지 방법</title>
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
<script src="libs/jquery-3.6.0.min.js"></script>
<script>
// $(document).ready(function() {
// var $h1 = $("h1");
// $h1.css("color", "red");
// });
// // 방법1
// jQuery(document).ready(function() {
// alert("jQuery ready() 방법 1");
// });
// //방법2
// jQuery(function() {
// alert("jQuery ready() 방법 2");
// });
//방법3
$(document).ready(function() {
alert("jQuery ready() 방법 3");
});
// //방법4
// $(function() {
// alert("jQuery ready() 방법 4");
// });
</script>
</head>
<body>
<h1>ready() 실행</h1>
</body>
</html>
'IT > JavaScript와 Framework' 카테고리의 다른 글
| $stateChangeStart toState fromState 이동....자료조사 (0) | 2022.08.03 |
|---|---|
| [JQuery] 샘플예제 - 003 - windows.onload와 $(document).ready() (0) | 2022.07.13 |
| [JQuery] 샘플예제 - 001 (0) | 2022.07.13 |
| event.preventDefault() 간단 사용법 (0) | 2022.07.13 |
| 자바스크립트 라이브러리의 *.map 파일 용도 (0) | 2022.07.12 |
댓글