JQuery
브라우저에서 동작하는 클라이언트 사이드 JavaScript 라이브러리
JavaScript 프로그래밍을 단순화 -> 간결한 코드로 많은 동작 구현
즉, 인터넷 개발자가 웹 페이지를 쉽고 빠르게 개발할 수 있도록 해주는 자바스크립트 기반의 프레임워크
JQuery의 기능
문서 객체 모델의 조작 / 이벤트 제어 / 애니메이션
JQuery의 장점
웹 표준만으로 플래시와 실버라이트를 사용하는 것과 비슷한 효과 구현
모바일에서도 작동 가능
브라우저간의 차이로 발생하는 문제점 쉽게 해결 -> 선호도 계속 증가
JQuery 다운로드 및 설치 방법
1번 방법을 추천합니다.
1. JQuery 라이브러리 다운로드
JQuery 검색
jquery.com 접속
빨간 밑줄 쳐놓은 Download 클릭
노란밑줄 다운로드 클릭
그럼 이렇게 어지러운 페이지가 나오는데
당황하지말고 마우스 오른쪽 버튼 - 다른이름으로 저장 클릭
찾기 쉬운곳에 저장하세요
위 경로 폴더에서 설치여부 확인
완료
활용
<head>
<script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
</head>
2. CDN을 활용하여 불러오기
장점 : 트래픽량이 작아짐 , 콘텐츠 전송시간이 매우 빨라짐
단점 : 인터넷이 연결 안되있는 경우 사용불가
JQuery 공식홈페이지
CDN ( 택1, 모두 같음)
1. JQuery.com CDN : <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
2. 구글 CDN : <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
3. MS CDN : <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
4. CDNJS CDN : <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
5. jsDelivr CDN : <script src="https://cdn.jsdelivr.net/jquery/1.12.4/jquery.min.js"></script>
활용
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
'Programming > JQuery' 카테고리의 다른 글
| [JQuery] 자식선택자 / 속성선택자 / val()메서드 / 필터선택자 (0) | 2020.10.26 |
|---|---|
| [JQuery/실습] 선택자 - 선택자 별로 CSS태그 다르게 적용하기 (0) | 2020.10.25 |
| [JQuery] 제이쿼리 기본선택자 (0) | 2020.10.25 |
| [JQuery] 제이쿼리 기본문법 (0) | 2020.10.25 |
| [JQuery] 제이쿼리 연결방법 (0) | 2020.10.25 |