제이쿼리(J-Query) 다운로드

제이쿼리란 자바스크립트의 문법을 조금 더 간결하게 사용하기 위해서 나온 자바스크립트의 라이브러리라고 생각하면 됩니다. 웹 페이지를 다양한 효과나 연출에 적용할 수 있고 html 조작이 더 쉽습니다.

제이쿼리를 사용하기 위해서 부트스트랩처럼 제공하는 라이브러리를 다운을 받아와야 합니다.

1.제이쿼리 다운로드

https://jquery.com/download/

Download jQuery | jQuery

압축버전을 누르면 굉장히 긴 코드가 보일 텐데요. 코드를 js에 붙이지 마시고, js파일에 다른 이름저장으로 저장을 하면 사용이 가능합니다.

저장하신 후 간단히 Script 문장을 통해 자유롭게 사용할 수 있는데요. 본인이 다운로드 한 버전에 따라서 아래의 3.7.1 부분을 수정해 주시면 됩니다. 이렇게 하는 방법을 CDN을 연결하는 것입니다.

CDN은 Content Delivery NetWork 약자로 웹 사이트에서 접속자가 콘텐츠를 다운로드할 때 자동으로 가장 가까운 서버로 이동해서 다운을 받는 기술입니다. 웹 프로젝트 배포 시에 인터넷이 사용되지 않으면, 안됩니다.

<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

만일 위의 코드가 먹히지 않는다면, 아래의 코드를 입력해 보세요.

    <script defer src="./js/jquery-3.7.1.min.js"></script>

 

이제 제이쿼리가 제대로 작동하는지, 확인하기 위해 body에 작성해 봅니다. 제이쿼리는 시작하는 단계가 $를 작성합니다.

 <script> $(document).ready(
        function(){
            $('#testid').css('background-color','red');
        }
    ); </script>

여러분도 함께 해보세요.