-
[Jquery] 제이쿼리 시작하기JQuery 2023. 6. 7. 09:23728x90
제이쿼리란?
제이쿼리는 자바스크립트 개발자였던 존 레식이 자바스크립트를 이용해 만든 라이브러리입니다.
제이쿼리의 장점
호환성 문제 해결
자바스크립트는 DOM과 이벤트 객체의 호환성이(크로스 브라우징) 떨어진다는 단점이 존재합니다. 예를 들어 인접 요소 선택자 중 다음 요소 선택자는 IE8 이하의 브라우저에서 DOM을 선택 했을 때와 이후 버전의 브라우저에서 선택 했을 때 결과가 다릅니다. 이러한 호환성 문제가 제이쿼리에서는 모두 해결되었습니다.
쉽고 편리한 애니메이션 효과 기능 구현
제이쿼리는 애니메이션과 다양한 이벤트를 지원하는 메서드를 제공하기 때문에 개발 시간 및 코드 길이를 많이 단축할 수 있습니다.
제이쿼리 라이브러리 연동하기
다운로드 방식
1. https://cdnjs.com 에서 jquery를 검색하여 다운받습니다.
cdnjs - The #1 free and open source CDN built to make life easier for developers
Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library fil
cdnjs.com
2. 다운받은 파일을 프로젝트 폴더 내에 넣습니다.
3. HTML <head> 영역 내에 <script> 태그를 통해 파일을 불러옵니다.
<head> <meta charset="UTF-8"> <title>제이쿼리 연동</title> <script src="url"></script> </head>
네트워크 전송 방식
1.cdnjs 사이트에서 jquery 라이브러리 파일의 url을 복사합니다.
2. <script>태그 경로에 url을 붙여 넣습니다.
728x90'JQuery' 카테고리의 다른 글
[JQuery] 제이쿼리 탐색 선택자 (1) 2023.06.09 [Jquery] 제이쿼리 선택자 (1) 2023.06.08