jQuery는 JavaScript 라이브러리로, HTML 문서의 스크립트 태그 내에서 사용할 수 있습니다.
jQuery를 사용하기 위해서는 해당 라이브러리를 로드해야 합니다.
- 1번 방법 : 파일을 다운로드하여 workspace에 적용
- <script src="/code.jquery.com_jquery-3.7.0.js"></script>
- 2번 방법 : 링크 사용(CDN 방법)
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
보통 라이브러리를 가져올 때 CDN 방법을 선호한다고 합니다.
로드된 jQuery를 사용하기 위해 스크립트 태그 내에 코드를 작성할 수 있습니다.
- 정식 방법 1: $(document).ready(function() { })
- 정식 방법 2: $(document).ready(() => { })
- 약식 방법 1: $(function() { })
- 약식 방법 2: $(() => { })
위에 4가지 방법으로 jQuery를 사용하는 예시가 제시되어 있습니다.
이러한 방법들은 문서가 로드되었을 때 실행되는 함수를 정의하는 것입니다.
$(document).ready() 또는 $() 내부에 작성한 함수는 문서가 준비된 상태에서 실행됩니다.
이를 통해 HTML 요소에 대한 조작이나 이벤트 처리 등을 수행할 수 있습니다.
