jQuery 기본 구문 설명

2021. 2. 9. 17:16

css('color','#ebc000');

"CSS의 color 속성에 #ebc000라는 값을 지정하라"

css()라는 명령은 JavaScript에 정의되어 있지 않은 jQuery의 명령입니다. 즉 jQuery의 js파일 안에 css() 라는 명령이 정의되어 있으며, 해당 명령을 main.js에서 이용합니다.

이러한 jQuery의 명령을 'jQuery메서드' 라고 합니다. (이후에는 '메서드' 라고 표기하겠습니다.)

또한 css()의 괄호() 안에 작성한 CSS 속성과 값 처럼, 메서드에 전달되는 데이터를 '매개변수'라고 합니다.

우선 위 코드가 jQuery 메서드 (css() )와 두 개의 매개변수 ('color', '#222') 로 구성되어 있음을 알아야합니다.

css() 메서드의 '명령 대상' 이 되는 것은 'id=typo'가 지정된 HTML 요소' 입니다. 하지만 jQuery는 HTML요소에 직접 css() 메서드를 실행할 수 없습니다. css() 메서드를 사용하려면 jQuery 명령 대상을 고유의 형식으로 지정해야한다.

$('#typo')

$() 함수는 'HTML 요소를 기반에 두고 jQuery의 고유 요소를 생성한다 라는 기능이 있는 함수이다.

$()함수와 css() 메서드는 매개변수를 전달받는다는 의미에서 비슷하지만, $()는 메서드라고 말하지 않고 함수라고 한다. 그 차이는 이해하기 어렵기 때문에 명령문 앞에 점(.)이 붙어 있으면 '메서드', 점이 붙어 있지 않으면 '함수'라고 이해하면 된다.

$() 함수와 css() 메서드 사이에는 점(.)으로 jQuery 객체와 jQuery 메서드를 이어주는 것을 확인할 수 있습니다.

즉 점(.)은 jQuery 객체와 메서드를 이어주는 역할이라고 생각하면 됩니다.

WantAirpod