[jQuery] 01. jQuery Get Started

Posted by 낭만사업가 정대표 블로그 on 2022-06-21 05:06:28

jQuery란?

jQuery는 "적게 작성하고 더 많이 수행하는" 경량 JavaScript 라이브러리입니다. 

jQuery의 목적은 웹사이트에서 JavaScript를 훨씬 더 쉽게 사용할 수 있도록 하는 것입니다.

jQuery는 많은 자바스크립트 코드 라인을 필요로 하는 많은 일반적인 작업을 수행하고 이를 한 줄의 코드로 호출할 수 있는 메서드로 래핑합니다.

또한 jQuery는 AJAX 호출 및 DOM 조작과 같은 JavaScript의 복잡한 많은 부분을 단순화합니다. 

jQuery 라이브러리에는 다음 기능이 포함되어 있습니다.

  • HTML/DOM manipulation
  • CSS manipulation
  • HTML event methods
  • Effects and animations
  • AJAX
  • Utilities

Tip: 또한 jQuery에는 거의 모든 작업을 위한 플러그인이 있습니다.


왜 jQuery인가?

다른 많은 JavaScript 라이브러리가 있지만 jQuery는 아마도 가장 인기 있고 가장 확장 가능한 것입니다.

웹에서 가장 큰 많은 회사는 다음과 같이 jQuery를 사용합니다.

  • Google
  • Microsoft
  • IBM
  • Netflix

 

 

웹 페이지에 jQuery 추가하기

웹 사이트에서 jQuery를 사용하는 방법에는 여러 가지가 있습니다. 다음을 수행할 수 있습니다.

  • jQuery.com에서 jQuery 라이브러리 다운로드 
  • Google과 같은 CDN의 jQuery Include(삽입)

jQuery 다운로드

두 가지 버전의 jQuery를 다운로드할 수 있습니다.

  • 프로덕션 버전 - 축소 및 압축되었기 때문에 라이브 웹사이트용입니다. 
  • 개발 버전 - 테스트 및 개발용입니다(압축되지 않고 읽을 수 있는 코드).

두 버전 모두 jQuery.com에서 다운로드할 수 있습니다. jQuery.com.

jQuery 라이브러리는 단일 JavaScript 파일이며 HTML <script> 태그로 참조합니다(<script> 태그는 <head>섹션 안에 있어야 함). 

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

Tip: 다운로드한 파일을 사용하려는 페이지와 동일한 디렉토리에 두십시오.


jQuery CDN

jQuery를 직접 다운로드하고 호스팅하지 않으려면 CDN(Content Delivery Network)에서 포함할 수 있습니다. 

Google은 jQuery를 호스팅하는 사람의 예입니다.

Google CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
Try it Yourself »

Total 106
번호 제목 글쓴이 조회 날짜
106 68 06-20
열람 104 06-21
104 38 06-20
103 119 02-25
102 539 02-27
101 13 06-23
100 122 02-25
99 113 02-27
98 11 06-24
97 75 02-25
96 117 02-27
95 21 06-27
94 57 04-11
93 93 02-28
92 64 04-12
RSS

오픈런하우스

1인가구를 위한 원룸형 아파트 쉐어하우스, 1인기업(프리랜서)을 위한 홈오피스형 공유주택

GO!