======jQuery Syntax======
<WRAP left notice 80%>
  * description : jQuery Syntax
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-04-15
</WRAP>
<WRAP clear></WRAP>
\\
%%jQuery%%를 사용하여, %%HTML%% 요소를 선택(query)하고 "작업(actions)"을 수행합니다.\\

=====jQuery Syntax=====
%%jQuery%% 구문은 %%HTML%% 요소를 **선택**하고 요소에 대한 일부 **작업**을 수행하기 위해 맞춤 제작되었습니다.\\
\\
기본 구문은 **%%$(selector).action()%%**입니다.\\
\\
  * %%jQuery%%를 정의하고 액세스 하기 위한 %%$%% 기호
  * %%HTML%% 요소를 "쿼리(즉, 찾기)"하는 (selector)
  * 요소에 대해 실행될 %%jQuery action()%%
\\
예제:\\
\\
''%%$(this).hide()%%'' - 현재 요소를 숨깁니다.\\
\\
''%%$("p").hide()%%'' - 모든 <p> 요소를 숨깁니다.\\
\\
''%%$(".test").hide()%%'' - class="test"를 가진 모든 요소를 숨깁니다.\\
\\
''%%$("#test").hide()%%'' - id="test"를 가진 요소를 숨깁니다.\\
\\
%%jQuery%%는 요소를 선택하기 위해 %%CSS Syntax%%를 사용합니다.\\

=====The Document Ready Event=====
예제의 모든 %%jQuery%% 메서드가 document ready event내에 있음을 알 수 있습니다.\\
<code jquery>
$(document).ready(function() {

  // jQuery methods go here... 

});
</code>
\\
이것은 문서가 __로딩 완료(준비)__되기 전에, %%jQuery%% 코드가 실행되는 것을 방지하기 위한 것입니다.\\
\\
문서로 작업하기 전에, 문서가 완전히 로딩되어 준비될 때까지 기다리는 것이 좋습니다.\\ 
또한 문서의 body가 시작되는 이전의 head 섹션에 %%JavaScript%% 코드를 작성하는 것을 허용합니다.\\
\\
다음은 문서가 완전히 로딩되기 이전에 메서드가 실행될 경우, 실패할 수 있는 몇 가지 작업(actions)의 사례입니다.\\
\\
  * 아직 생성되지 않은 요소를 숨기려는 시도
  * 아직 로딩되지 않은 이미지의 크기를 가져오려는 시도
**Tip:** %%jQuery%% 팀은 document ready event를 위한 더 짧은 메서드도 만들었습니다.\\
\\
<code jquery>
$(function() {

  // jQuery methods go here...
  
});
</code>
\\
선호하는 구문을 사용하십시오. document ready event는 코드를 읽을 때 이해하기 더 쉽다고 생각합니다.\\


{{tag>오션 jQuery Syntax}}