제이쿼리(JQuery)란?

• 존 레식에 의해 개발된 경량 javascript 라이브러리
  • 복잡한 javascript 코드를 손쉽게 구현하기 위해 개발

1. DOM과 관련된 처리를 쉽게 구현할 수 있다.
2. ajax통신, 이벤트 처리를 폭넓게 지원한다.
3. 별도의 플러그인을 통해 차트, 슬라이드 쇼, 테이블 등을 간단히 구현할 수 있다.

제이쿼리 연결

jQuery 홈페이지에서 js파일을 다운로드 받아 연결하는 방법

• 파일을 다운로드 받아와서 JS 파일을 생성 후 불러오는 방식

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

  → 헤드 부분에서 불러옴

CDN(Content Delivery Network)를 통해 연결하는 방법

• 온라인으로 JS파일을 불러와서 실행
• 최신버전사용 → jqeury-latest.min.js / jqeury-latest.js
  • 이전 버전과 호환이 안되는 경우가 있음

JQuery 기본 개념

$(document).ready()

• 페이지를 로드한 후 ready의 메소드를 실행한다.
• 자바스크립트의 window.onload 속성과 거의 같은 개념의 메소드
  • window.onload는 속성을 복수로 기입하면 마지막에 쓴 것으로 덮어씀
  • $(document).ready(function( ){ }); 함수를 복수로 기입하면, 모두 연달아 실행
  • $(document).ready( )는 하나의 영역으로 취급 됨

<script>
        $(function(){
            alert('cc');
        });
        $(function(){
            alert('dd');
        });
        window.onload = function(){
            alert('aa');
        };
        window.onload = function(){
            alert('bb');
        };