JQuery란 JavaScript의 기능을 편리하게 사용하도록 미리 작성된 JavaScript코드 라이브러리 입니다.
타 개발자들이 미리 짜둔 코드를 사용하는 것이기 때문에 JQuery를 사용하기 위해서는 반드시 import해 주어야 합니다.
어느 정도로 간략해지는 지 살펴볼까요?
<div></div> 하나를 숨기는 기능을 JS 와 JQuery로 각각 어떻게 쓰이는 지 볼게요.
JavaScript :
document.getElementById("element").style.display = "none";
JQuery :
$('#element').hide();
이렇게 차이가 납니다.
어떻게 import를 할까요?
https://www.w3schools.com/jquery/jquery_get_started.asp
jQuery Get Started
jQuery Get Started Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Download the jQuery library from jQuery.com Include jQuery from a CDN, like Google Downloading jQuery There are two versions of jQuer
www.w3schools.com
위 웹사이트에 들어가면, "Google CDN"에 나와있는 코드를 <head></head> tag 안에 복사하여 넣어주시면 됩니다.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
이런 식으로 넣어주시면 됩니다.
'JavaScript' 카테고리의 다른 글
| [Ajax]GET을 이용하여 정보 읽어오기 (0) | 2021.08.28 |
|---|---|
| [JavaScript]JQuery 기능 사용해보기! 어떤 기능들이 있을까? (0) | 2021.08.28 |
| [JavaScript]JavaScript활용하기 (0) | 2021.08.27 |
| [JavaScript 배우기] JavaScript란? (0) | 2021.08.27 |
