1. jquery 연결하기, 기본 선택자

1. jquery연결하기

페이지와 jquery를 연결하는 방법은 크게 3가지가 있다.

1. jquery를 파일로 다운받아 html파일과 같은 폴더 내에 저장

2. CDN 링크로 연결

3. 터미널 창에서 npm install jquery 명령어 이용해 설치

 

그 중 내가 실행해본 방법은 2번 CDN 링크로 연결하기이다.

다음과 같이 head 안에 script 태그를 이용하여 연결해주었다.

 

다음과 같은 내용을 출력하려고 한다.

이 때, 아이디와 클래스를 걸어둔 항목에 

css요소를 추가하고 싶을 때 다음과 같이 사용하면 된다.

 

9번 줄 처럼 css요소를 변수화 시켜 사용하는것도 가능하다. 

현재 작성된 소스코드는 기본 선택자를 사용한 경우이다.

 

실행시켜보면

 

잘 실행되는 모습을 볼 수 있다.

2. 기본 선택자

기본 선택자는 

1) 직접 선택자

2) 인접 관계 선택자

로 나눌 수 있다. 

 

1) 직접 선택자

직접 선택자의 종류는 다음과 같다.

2) 인접 관계 선택자

인접 관계 선택자의 종류는 다음과 같다.

이 외에도 다양한 인접 관계 선택자가 존재한다.

책 p.171쪽을 참고하자.