JQuery(제이쿼리)란?
- JS lib (프레임워크)
- 자바스크립트에서 자주 사용되는 기능을 모아놓은 것
- 반드시 lib 설치가 필요함3
- 모바일 시장자체가 안드로이드만으로 만들어야했다면, JQuery가 생기면서부터 하이브리드/wepapp가 됨
JQuery lib 설치 사이트
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
jquery.com
- 4개 중 아무거나 하나 다운
- 압축 유무 / 아래 2개는 슬림버전
- 슬림버전은 ajax, effects를 못 쓰는 경우가 생길 수 있음
- 첫번째꺼 다운
우클릭해서 바탕화면에 저장하기
js 파일을 따로 만들어서 다운로드한 js파일을 붙여주기
제이쿼리 라이브러리 추가
제이쿼리 사용 준비
- 위 두 코드는 파일마다 항상 추가해줘야함
- $ 마크가 JQusry를 의미함
CDN을 통해 JQuery lib 추가
CND : Content Delivery Network
밑에 붙여주세용
그러면 위의 코드는 주석처리를 해도 똑같이 실행이된다.
- 버전이 다른게 여러개 섞여있으면 에러가 생길 확률이 큼
- 가능하면 공통적인 버전 하나만 쓰기
- 공식 홈페이지에서 제공해주는 lib 사용하면됨
- 아래 2개의 CDN을 사용하는 것을 권장(로딩속도의 차이 때문)
- 단점 : 네트워크가 안되면 안됨! / 네트워크 느리면 속도도 같이 느려짐
- 안정적인 서버 배포/진행을 위해서는 쿼리를 포함해서 배포해야함
- 결론:
셋 중 아무거나 하나만 쓰면 됨~
'JQuery' 카테고리의 다른 글
| [JQ] 배열을 이용하여 속성 바꾸기 (0) | 2023.11.07 |
|---|---|
| [JQ] id, class 추가 없이 JQ 사용하여 요소 속성 바꾸기 (0) | 2023.11.07 |
| [JQ] JQ 사용해서 표 속성 바꾸기 (0) | 2023.11.07 |
| [JQ] JQ 선택자 통해 요소 속성 바꾸기 (2) (0) | 2023.11.07 |
| [JQ] JQ 선택자 통해 요소 속성 바꾸기 (0) | 2023.11.07 |
