[jQuery]제이쿼리란? (직접선택자, 인접관계선택자, 하위관계선택자, 변수에 스타일 지정하여 적용하기)

# 제이쿼리(jQuery)란?

- 제이쿼리(jQuery)는 오픈 소스 기반의 자바스크립트 라이브러리이다.
- 자바스크립트의 라이브러리 이기에 꼭 jquery.min.js 파일과 링크가 필요!
- 자바스크립트를 더욱 손쉽게 활용할 수 있게 된다.
- $(function(){}); 로 불러온다.

 

 

 

• 직접선택자 - 속성단일적용

형식) $("선택자").css("속성", "속성값");

See the Pen [jQuery] by kaia (@kaiaakim) on CodePen.

 

• 직접선택자 - 속성한번에 여러개적용

형식) $("선택자").css({"속성":"속성값","속성":"속성값", ...});

See the Pen [jQuery]직접선택자2 by kaia (@kaiaakim) on CodePen.

 

• 변수에 스타일 지정하여 적용하기

형식) var 변수명 = {"속성":"속성값",...};

See the Pen [jQuery]인접관계선택자 by kaia (@kaiaakim) on CodePen.

 

 

****

관계선택자

.prev()	이전요소
.next()	다음요소 (쓰는만큼 다음으로 넘어간다)
.prevAll()	이전의 모든요소
.nextAll()	다음의 모든요소
.siblings()	형제의 모든요소
.eq()	인덱스값으로 선택 ex) .eq(인덱스순번)

****