JQuery

html의 요소들을 조작하는, 편리한 javascript를 미리 작성해둔 라이브러리
javascript로 길고 복잡한 코드를 간단하고 직관적으로 쓸 수 있다.

document.getElementById("element").style.display = "none";

$('#element').hide();

//둘은 같은 코드다 

JQuery를 사용하기 위해선 사이에 다음 코드를 임포트 해야 한다.

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

css가 class를 선택자로 썼듯이 jquery는 id값을 통해 대상을 가리킨다.