jQuery 시작과 기본 문법 $(function(){ });
한글을 배우거나, 영어를 배우거나, 일본어를 배운다고 할 경우, 일반적으로 문법을 가장 먼저 배우게 됩니다. 프로그램 언어도 동일하게 문법(syntax)를 먼저 배워야 합니다.
$(document).ready(function(){ });
이것이 jQuery를 사용하기 위한 기본입니다. 모든 jQuery는 위의 코딩으로 부터 시작이 됩니다. 이전의 자바스크립트로 표현을 하자면, document.onload()... 와 같다고 생각하시면 되며, html 문서가 로딩이 되면... 이라는 느낌으로 이해를 하면 됩니다.
-- jQuery.syntax.html --
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
... jQuery 메소드, 액션을 입력 ...
});
</script>
</head>
<body>
...
</body>
</html>
그런데, 여기 저기 jQuery를 사용한 사이트의 코딩을 보면, $(function(){ }); 이라고도 많이 쓰고 있습니다.
$(function(){ });
$(document).ready(function(){ }); 와 $(function(){ }); 는 동일한 의미입니다. 코딩이 길어지다 간편하게 후자와 같이 많이 사용을 합니다.
... 생략 ...
<script>
$(function(){
... jQuery 메서드, 액션을 입력 ...
});
</script>
... 생략 ...
문법은 룰입니다. 만약 지키지를 않을 경우, 프로그램에서는 에러를 발생시켜 동작을 하지 않습니다.
'Web > jQuery' 카테고리의 다른 글
| [jQuery] 간편하게 날짜입력 방법 (0) | 2015.02.07 |
|---|---|
| [jQuery] 자바스크립트 라이브러리 jQuery 시작하기 (2) | 2015.01.23 |
| $.noConflict() or jQuery.noConflict() (0) | 2010.04.09 |
| jQuery 사용하기 (0) | 2010.04.08 |