[jQuery - 기능 - (1) ] $.ready() = $(document).ready(function(){ })
표현방법
1. $.ready()
2. $(document).ready(function(){ })
3. $(function() {} );
ready() 메서드는 페이지의 DOM(Document Object Model)이 안전하게 로드되고, JavaScript 코드를 실행할 수 있게 하는 기능을 제공한다. (
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ready demo</title>
<style>
p {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(function() {
$( "p" ).text( "The DOM is now loaded and can be manipulated." );
});
</script>
</head>
<body>
<p>Not loaded yet.</p>
</body>
</html>
Color Scripter
|
코드 실행 : https://www.w3schools.com/code/tryit.asp?filename=G6HZ0ZQ3QRJF
'◽ HTML & CSS & JS, jQuery' 카테고리의 다른 글
| [jQuery - 기능 - (4) ] $.each() → 반복 함수 (0) | 2019.08.12 |
|---|---|
| [jQuery - 기능 - (3) ] $.var() → value load : 값 추출(로드) (0) | 2019.08.12 |
| [jQuery - 기능 - (2) ] $.on() → event bind ( 1.7 ver.) : 이벤트 설정 (0) | 2019.08.12 |
| [CSS] ::before ::after은 무엇인가? (0) | 2019.08.03 |
| [JavaScript - (8) ] document.getElementById( ) - 자바스크립트 id 접근 (0) | 2019.07.30 |
| [jQuery - 기본 - (1) ] jQuery 소개 및 기본적인 값 추출 방법 (0) | 2019.07.26 |
| [JavaScript - (7) ] 엔터키로 입력하기, 넘어가기 (0) | 2019.07.09 |