[JQuery] $ 메서드와 css 메서드 선택자

JQuery

document 객체 라이브러리이며 DOM 제어를 위한 라이브러리이다.

 

 

 

예시

$("#my-div").css("backgroundColor", "red");

css 메서드는 디자인을 바꾸는 style 속성을 변경하는 메서드이다.

$는 JQuery 메서드의 별칭이고 JQuery에서 html 요소를 선택하는 함수이다.

해당 코드는 아이디가 my-div인 요소를 선택해서 css 메서드로 배경색깔을 빨간색으로 바꾸는 코드이다.

 

 

jQuery("#my-div").css("backgroundColor", "red");

위에서 말한 것 처럼 $는 JQuery 메서드의 별칭이다. 따라서 다음과 같이 작성도 가능하다.

 

 

document.getElementById("my-div").style.backgroundColor='red';

위에서 작성한 JQuery 코드를 DOM 형식으로 작성한 결과이다.