1) jQuery란?
HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리!
👉 Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만,
1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서,
jQuery라는 라이브러리가 등장
*jQuery와 Javascript - 코드 비교해보기
👉 jQuery는 Javacript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드
전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것임을 기억!
(그렇기 때문에, 쓰기 전에 "임포트"를 해야함!)
Javascript로 길고 복잡하게 써야 하는 것을
```
JavaScript
document.getElementById("element").style.display = "none";
```
jQuery로 보다 직관적으로 쓸 수 있어서 편리함.
```
JavaScript
$('#element').hide();
```2) jQuery 사용하기
-
미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부름.
👉 jQuery CDN 부분을 참고해서 임포트하기:
http://www.w3schools.com/jquery/jquery_get_started.asp
<head>와 </head> 사이에 아래를 넣으면 끝!
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>- jQuery를 사용하는 방법
👉 css와 마찬가지로, jQuery를 쓸 떄에도 "가리켜야" -> 조작할 수 있다.
예) 특정 인풋박스의 값을 -> 가져와줘!
예) 특정 div를 -> 안보이게 해줘!
css에서는 선택자로 class를 썼지만
jQuery에서는 id 값을 통해 특정 버튼/인풋박스/div/.. 등을 가리키게 됨.
즐기는 사람이 이긴다