Programming Storytelling

웹페이지에 jQuery 적용 시키기 본문

jQuery

웹페이지에 jQuery 적용 시키기

HJdone 2019. 6. 5. 20:49

jQuery란 엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리이다.

 

웹페이지에 jQuery를 삽입하기 위해선 jQuery를 다운 해야 하는데 다운 할 수 있는 jQuery에는 두가지가 있는데 첫번째는 제작 버전이고 두번째는 개발 버전이다. 먼저 제작 버전은 압축 및 압축되어 있는 라이브 웹 사이트 용이다. 그리고 개발 버전은 테스트 및 개발 용이다.즉,압축되지 않고도 읽을 수 있는 코드라는 뜻이다. 

 

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

 

 

##웹 페이지에 jQiery를 삽입하기##

 

jQuery라이브러리는 단일 자바스크립트 파일이며 HTML <script>태그로 태그를 참조한다. 

 

jQuery를 삽입하는 방법은 아래와 같다.

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

만약 jQuery를 직접 다운로드 하지 않고 호스트하지 않으려면 CDN(Content Delivery Network)를 사용하면 되는데

jQuery CND는 Google 또는 Microsoft를 모두 호스팅 한다. 

 

그럼 이제 Google CND와 Microsoft CND를 사용하는 방법을 알아보도록 하자.

GOOGLE CND

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>

Microsoft CND

<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.0.min.js"></script>
</head>

 

'jQuery' 카테고리의 다른 글

jQuery 애니메이션  (0) 2019.06.06
jQuery 이벤트 메소드란?  (0) 2019.06.05
'jQuery' Related Articles more