JQuery의 $( ) 의 의미

jQuery $()의 의미

• $()가 의미하는 것은 그냥 이름이 $인 함수 그 자체
• 해석하자면 $()는 $함수를 호출한 것
• 인스턴스를 사용자가 생성하지않고 JQuery인스턴스를 대신 만들어서 제공해 줌

function$() {
 
    return new jQuery();
}

 

jQuery 라이브러리 내부

window.jQuery = window.$ = jQuery;

$('div').css('border', '4px solid #f00');
jQuery('div').css('border', '4px solid #f00');

• 내부로 보아 밑에 1행과 2행의 코드는 같다는 것을 알 수 있음
• $('div') 의미는 'div'를 매개변수 값으로 $() 함수를 호출한 것

 

 

$()함수의 리턴값

• $( ) 는 JQuery 객체를 리턴함

$('div').css('border', '4px solid #f00');

• 위의 함수를 풀이하자면, 'div'를 매개변수로 갖는 함수의 css를 ( ...)와 같이 설정해라!
• 위와 아래의 함수는 같은 뜻임

$divs = $('div');
$divs.css('border', '4px solid #f00');

 

jQuery 정체

• jQuery 객체는 DOM을 쉽게 다룰 수 있게 도와주는 기능들로 가득 찬 라이브러리
• jQuery는 자바스크립트의 prototype이라는 클래스 제작 문법으로 만들어짐
• jQuery를 prototype으로 간단하게 표현한 코드

function jQuery() {
 
}
 
jQuery.prototype.css = function(){}
jQuery.prototype.on = function(){}
jQuery.prototype.click = function(){}