jquery란?

　클라이언트 측 페이지 제작을 쉽게 만들어주는 자바스크립트 라이브러리

• 크로스 브라우징 동작하는 사용하기 쉬운 api를 통해 html 문서 탐색과 조작, 이벤트 처리, 애니메이션, ajax 등을 간단하게 만들어 줌
• 함수의 이름을 붙여 필요할 때 마다 함수를 실행할 수 있다.

jQuery를 배우는 목적

1. 실무적인 코드를 배우기 위해.
   • jQuery는 javascript에 비해 코드를 간결하게 만들 수 있기에, 실무에서 굉장히 많이 사용되고 있다. 따라서 jQuery를 알아야 실제 현장에서 작업을 진행할 수 있다.
2. 특정 기능이나 문법을 배우는데 어렵다.
   • javascript로만 코드를 짜게 되면 코드량만 늘어나서 특정 기능이나 문법을 제대로 배우는데 집중이 어려워진다.

사용법

jQuery 파일 연결

1. CDN 방식
2. 라이브러리 파일을 연결
   1) https://jquery.com/ 에서 jquery 파일을 다운로드 한다.
   2) 프로젝트에 폴더(lib 등)를 하나 만들고 다운로드한 파일을 넣는다.
   3) 코드를 넣고 연결한다.

jQuery를 사용한 노드 찾기

• let $변수이름 = $("css 선택자")
  => 가장 기초적인 노드 찾는법

$()의 정체

• $()라는 함수를 호출하는 것.
• 선택자에 해당하는 노드를 찾아주는 역할

선택자

• css의 선택자를 의미
• 찾고싶은 선택자를 만들어 $() 함수에 매개변수로 넣는다.

$변수이름

• $()함수에서 리턴해주는 값을 저장하기 위한 변수.
• $를 붙인 이유는 jquery 기능이 들어있는 변수를 표현하기 위함.

jquery와 css의 관계

• css의 선택자 기능만 알고 있으면 사용할 수 있다.

jQuery 핵심 기능

• 이벤트 등록하기

  • $대상.on("이벤트 이름", "이벤트 리스너")
  • $대상.단축이벤트함수(이벤트 리스너);
  • ex)

• 스타일 설정하기

  • $대상.css("스타일 이름", 값)
  • ex)