본문 바로가기

jQuery

제이쿼리(jQuery) 설치 및 적용

제이쿼리(jQuery)는 자바스크립트 기반의 라이브러리로 dll 같은 형식이 아닌 js파일 형식이다.

 

사용 방법은 두 가지가 있다.

 

첫 번째 방법은 jQuery.js 파일을 프로젝트에 포함시켜서 바로 사용하면 된다.

두 번째 방법은 CDN(Content Delivery Network)를 이용하는 방법이다.

링크를 통해 제이쿼리 파일에 접근하는 방식으로 네트워크 연결이 되어 있어야 하고,

파일 용량 때문에 다운로드 받을 때 딜레이가 발생한다는 단점이 있지만 사용이 편리해서 대부분은 CDN을 이용한다.

 

소스코드에 적용할 때에는 script에 연결만 해 주면 된다.

HTML, CSS가 모두 준비된 후에 자바스크립트와 제이쿼리가 동작해야 하기 때문에 다음과 같은 문법이 추가된다.

두 가지 방법 중 본인이 원하는 것 한 가지를 선택해서 사용하면 된다.

<head>
  <meta charset="UTF-8">
  <title>Hello, jQuery!</title>
  <!-- 소스 연결하기 -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    // 방법1
    $(function () { });
    // 방법2
    $(document).ready(function () { });
  </script>
</head>

 

제이쿼리에 대한 내용들은 다음 사이트에 잘 나와 있다.

해당 사이트에 가서 순서대로 학습하면 제이쿼리를 사용하는 데 큰 무리가 없을 것으로 보인다.

 

jQuery Tutorial (w3schools.com)

 

jQuery Tutorial

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com