[jQuery] 이론

jQuery

클라이언트 측 페이지 제작을 손쉽게 만들어주는 자바스크립트 라이브러리.
jQuery 기능이 있는 라이브러리 파일을 연결해야 함.

jQuery를 이용한 노드(웹 요소)찾기

var $변수 이름=$("CSS 선택자")
가장 기초적인 노드 찾는 방법

[$()]
- 함수 이름이 $()인 함수를 호출하는 것
- 선택자에 해당하는 노드를 찾아주는 역할을 함
- $() 함수에서 리턴해주는 값을 저장하기 위해서 만든 변수로 앞에 $를 붙이는 이유는 jQuery 기능이 들어있는 변수를 표현하기 위함

[선택자]
- css의 선택자를 의미
- 찾고 싶은 선택자를 만들어 $()함수에 매개변수 값으로 넣어주면 됨

[이벤트 등록]
$대상.on("이벤트 이름", "이벤트 리스너");
$대상.단축 이벤트 함수(이벤트 리스너);

[스타일 설정하기]
$대상.css("스타일 이름", 값);

[jQuery]
1) 다운로드
jQuery 홈페이지에 가서 compressed 버젼과 uncompressed 버젼을 현재 사용하는 폴더 (library)에 다른 이름으로 저장.
2) CDN 방식
jQuery 홈페이지에 가서 script 내용을 복사해서 vs code에 붙여넣기 한다. 인터넷이 되는 곳에서만 사용 가능하다.