카테고리 없음

JQuery 개요

최종군 2024. 9. 7. 20:52

 

JQuery란 기존에 자바스크립트 언어만으로 

구현하기 

복잡했던 구문을 간소화하기 위해 만든 자바스크립트 기반의

라이브러리이다 

(유용한 기능의 모음집)

즉 자바스크립트 언어로 유용한 함수나 내용들을 

다른 누군가가 정의해 놓은 것 

복잡한 자바스크립트 구문보다 짧고 쉽게 개발이 가능하다 

 

장점 

DOM 요소와 관련된 스크립트를 쉽게 구현할 수 있다 

AJAX(비동기식 통신) 이벤트 처리 등을 폭넓게 지원함 

jQuery 관련된 확장형 플러그인, 오픈API등을 지원 (차트,슬라이드,캘린더) 등등 

 

* JQuery 라이브러리 연결방법 

head 태그 내에 script 태그로 외부 jQuery 관련 

.js 파일 연결 방법 

  - jQuery 공식 사이트 : <a href="http://www.jquery.com" target="_blank">jQuery 사이트

 

온라인 방식(CDN 방식) : 파일을 다운로드 받지 않고, 

라이브러리를 제공하는 사이트 url을 제시하여 파일 경로를 작성 

 

오프라인 방식 : jQuery 라이브러리 파일을 직접 다운로드 받아 경로 지정하는 방식 

 

   <li>
                Compressed(배포전용) - .min.js 파일
                주석, 들여쓰기, 띄어쓰기 등을 최소화하여 파일의 용량을
                줄여 제공되는 파일
            </li>
            <li>
                unCompressed(개발자전용) - 일반 js파일 <br>
                개발자가 보기 쉽도록 주석, 코드 정렬 등이 되어 있는 파일(가독성 좋음)
            </li>

 

 

  <!--오프라인 방식으로 jQuery 라이브러리 연결-->
    <script src="resources/js/jquery-3.7.1.min.js">

    // <!--온라인 방식으로 jQuery 라이브러리 연결-->
    //