$
기호는 jQuery를 의미하고, jQuery에 접근할 수 있게 해주는 식별자다.
jQuery 라이브러리 내부를 살펴보면 아래와 같이 작성되어 있는 것을 알 수 있다.
window.jQuery = window.$ = jQuery;
<!--위, 아래 코드는 동일한 코드이다.-->
$('div').css('border', '4px solid #f00');
jQuery('div').css('border', '4px solid #f00');
$()
가 의미하는 것은 jQuery가 맞지만 더 정확한 의미는 이름이 $
인 함수 그 자체, $()
는 $함수를 호출한 것이라고 할 수 있다.
$('div') 의미는 'div'를 매개변수 값으로 $() 함수를 호출한 것
.
은 Javascript에서 특정 객체에서 제공하는 기능에 접근할 때 사용하는 접근 연산자이다.
$(선택자).동작함수();
$
를 이용한 jQuery 기본 문법은 선택자(#id)를 이용하여 원하는 HTML 요소를 선택하고, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다.
$() 함수
는 선택된 HTML 요소를 jQuery에서 이용할 수 있는 형태로 생성해 주는 역할을 한다.
$() 함수
의 인수로는 HTML 태그 이름뿐만 아니라, CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있다.
이러한 $() 함수
를 통해 생성된 요소를 jQuery object라고 한다.
jQuery는 이렇게 생성된 jQuery object의 메소드를 사용하여 여러 동작을 설정할 수 있다.