***문서 준비 이벤트
jQuery에서 문서 준비 이벤트는 웹 브라우저가 HTML의 DOM을 모두 로드할 때를 알려주는 이벤트로, <head> 태그에 jQuery 코드를
삽입할 경우에는 문서 준비 이벤트를 반드시 사용해야 한다.
***문서 준비 이벤트를 사용해야 하는 경우
<head> 태그에 jQuery 코드를 넣을 때에는 문서 준비 이벤트가 필요하다. 문서 준비 이벤트는 ready이다. HTML을 동적으로 조작하기 위해서는
HTML 문서를 모두 로딩해야만 그 다음에 동작을 가하는 jQuery나 Javascript 코드가 정상적으로 작동된다.
jQuery에는 ready 이벤트와 똑같은 효과를 나타내는 것이 있는데, jQuery() 함수에는 매개 변수로 직접 함수를 넘겨주면 이 함수는 DOM이
모두 로딩되고 난 후에 실행된다. 아래의 3가지 코드는 동일한 의미를 갖는다.
jQuery(document).ready( function() { code } );
= jQuery( function() { code } )
= $( function() { code } )
***문서 준비 event를 사용하지 않는 경우
<body> 문서의 맨 마지막 </body> 전에 jQuery 코드나Javascript 코드를 삽입하면 된다.
왜냐하면 필요한 모든 HTML이 모두 로딩되었고, 그 다음에 동작하는 jQuery 코드가 작동되면서 ready 이벤트가 필요 없어졌기 때문이다.
<body>
<script>
// 이 부분은 document ready event가 필요 없다.
</script>
</body>
***따옴표
jQuery에서는 $() 함수 안에 따옴표를 사용하여 요소를 감싸는데, 이때 따옴표는 쌍따옴표와 홑따옴표 구별 없이 사용된다.
여기서 주의 할 점은 쌍따옴표는 쌍따옴표로, 홑따옴표는 홑따옴표로 끝나야 한다.
'개발 및 관리 > Javascript' 카테고리의 다른 글
| jQuery 폼 선택자 (0) | 2022.10.23 |
|---|---|
| jQuery기초 계층(Hierarchy) 선택자 (0) | 2022.10.23 |
| jQuery 호출 및 표기방법 (0) | 2022.10.23 |
| jQuery 명령어 잘 정리된 사이트 (0) | 2022.10.22 |
| jQuery 3가지 호출방법 (0) | 2022.10.22 |
