dev/javascript

[jQuery] jQuery란 무엇인가?

2019. 10. 15. 20:53
목차
  1. jQuery 란?
  2. jQuery를 사용하려면?

jQuery 란?

자바스크립트를 보다 간편하게 사용할 수있도록 단순화 시킨 자바스크립트의 라이브러리다.

* Javascript에는 다양한 라이브러리가 있고 그 중 가장 보편적이다. 구글, 마이크로소프트 등이 사용중이다.

 

jQuery는 자바스크립트의 일부로, 이를 하기 위해서는 HTML, CSS, Javascript의 기초 지식이 필요로 한다.

 

 

jQuery의 대표적인 장점은 바로 코드의 간결화다.

- HTML의 DOM, CSS의 스타일, 애니메이션 동작효과 등이 모두 보다 짧고 단순하게 표현할 수 있다.

 

 

현재 대표적인 jQuery의 버전은 다음과 같다,
  
버전 1 : jQuery 1.12.4
버전 2 : jQuery 2.2.4
버전 3 : jQuery 3.4.1



버전 1 같은경우 익스플로러 6, 7, 8 버전을 모두 지원하고,

버전 2 부터는 정식지원을 중단하였다.

버전 3는 버전 2의 문제점을 해결하고 최신 플러그인들을 업데이트 했고, 일부 구버전의 익스플로러 또한 지원한다.

 

그러나 아직 버전1을 사용하는 웹사이트들이 많다.

 

 

 

 

jQuery를 사용하려면?

jQuery를 사용하려면 해당파일을 <head> 태그 사이에 <script> 태그를 열어 삽입하면 된다.

 

 

1. 설치를 하여 적용하는 방법은 다음과 같다.

1
2
3
<head>
    <script src="jquery-3.4.1.min.js"></script>
</head>
 

설치링크: https://code.jquery.com/jquery-3.4.1.min.js

공식사이트: https://jquery.com/

 

2. CDN(Content Delivery Network)를 이용하는 방법은 다음과 같다.

1
2
3
<head>
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
</head>
 

2번 방법같은경우 굳이 설치를 하지 않아도 작동된다는 장점이 있는데,

인터넷이 꼭 연결되어야만 작동한다는 단점이 있다.

 

 

 

 

'dev > javascript' 카테고리의 다른 글

[Javascript] 간단한 확인메시지 alert  (0) 2020.12.03
[Javascript] onchange, onclick 함수로 저장된 다른 값 변경하기  (0) 2019.10.15
  1. jQuery 란?
  2. jQuery를 사용하려면?
'dev/javascript' 카테고리의 다른 글
  • [Javascript] 간단한 확인메시지 alert
  • [Javascript] onchange, onclick 함수로 저장된 다른 값 변경하기
leneu
leneu
leneu
dev_leneu
leneu
전체
오늘
어제
  • 전체 글 (42)
    • dev (26)
      • java (4)
      • javascript (3)
      • spring (3)
      • react-native (1)
      • python (0)
      • algorithm (5)
      • sql (1)
      • nas (2)
      • tool (2)
      • certification (1)
      • others (4)
    • os (9)
      • windows (3)
      • mac (6)
    • life (7)
      • 취업성공패키지 (4)
      • photos (2)
    • review (0)

인기 글

태그

  • 취업성공패키지
  • Git
  • 백준코딩
  • 취성패
  • Oracle11g
  • DS220+
  • jdk
  • WSL2
  • Nas
  • .m2
  • println
  • 국가기간전략산업직종훈련
  • for문
  • HRD
  • homebrew
  • Mac
  • Java
  • 백준
  • 별찍기
  • 구글
  • 길고양이
  • couldnotresolve
  • macos
  • 시놀로지
  • JPA
  • Spring
  • springboot
  • sqldeveloper
  • AppleSilicon
  • 환경변수

최근 댓글

최근 글

hELLO · Designed By 정상우.
leneu
[jQuery] jQuery란 무엇인가?
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.