JQuery를 사용하면 짧고 단순한 프로그램으로 웹 페이지에 다양한 효과나 연출을 추가할 수 있고 복잡하게 구성된 컨텐츠를 제어할 수 있다..
- 문법이 간결하다.
- 사용하기 쉽다.
- 빠르게 배울 수 있다.
- 다른 라이브러리들과 충돌을 일으키지 않는다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
Google CDN을 통해 jQuery 3.6.4버전 다운
태그
$("a")
$는 'jQuery를 사용하겠다.' 라는 의미이고 a는 태그이다. a태그를 가진 모든 요소에 적용한다는 뜻이다.
클래스
$(".btn")
class="btn", 즉 btn클래스를 가진 클래스 모든 요소에 적용한다는 뜻이다.
id
$("#btn")
id="btn", 즉 btn아이디를 가진 클래스에 적용한다는 뜻이다. id는 한페이지 내에서 유일하므로 해당 방식은 사용하지 않는다. 'btn'id를 가진 요소에 적용된다. 라고 생각하면 된다.