웹 개발에서 jQuery 라이브러리를 사용하면 DOM 조작, 이벤트 핸들링, 애니메이션 등을 간편하게 처리할 수 있습니다. jQuery를 사용하려면 먼저 라이브러리를 웹 페이지에 로드해야 합니다. 이를 CDN(Content Delivery Network)을 통해 불러오면 호스팅된 파일을 사용할 수 있어 로드 시간을 단축하고 여러 웹페이지에서 한 번의 다운로드로 사용할 수 있는 장점이 있습니다.

jQuery CDN 호출하기

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

위의 코드는 Google의 CDN을 통해 jQuery 라이브러리를 호출하는 방법입니다. **

jQuery 구문

jQuery를 사용하여 간단한 예제를 작성하겠습니다.

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

위의 코드는 문서가 로드된 후 document.ready() 함수를 통해 문서가 로드될 때까지 기다린 후 버튼 클릭 시 hide() 메서드를 호출하여 모든 <p> 요소를 숨기는 예제입니다.

document.ready() 함수는 문서 객체 모델(DOM)이 완전히 로드된 후 스크립트를 실행하므로, 스크립트가 늦게 로드되어 발생하는 오류를 방지합니다.

jQuery 라이브러리를 CDN을 통해 호출하는 방법과 구문을 알아보았습니다. 이를 통해 웹 개발 과정에서 jQuery를 효과적으로 활용할 수 있습니다.