예제 1과 2는 완전히 다릅니다. jQuery는 자바 스크립트이므로 함수 정의는 동일합니다.
$(function(){...
은 $(document).ready(function(){...
의 약식이며 예제 1은 실제로 add
이라는 새로운 기능을 생성합니다.
당신은이 같은 ready
함수 내에서 추가 기능을 생산할 수 :
$(function(){
function add(){
var foo = 1;
}
});
jQuery를 서로 다른 정의와 자바 스크립트에 비해 구문으로 seporate 새로운 언어가 아닙니다, 자바 스크립트로 작성된 자사의 툴킷은 자바 스크립트의 구문과 정의를 사용하여 .
jQuery 자체를 단지 큰 함수로 생각하면 $ ...로 정의 된 함수이므로 function add(){}
대신 $ function $(){}
이라는 함수 일 수 있습니다. 또한 일반적인 자바 스크립트 함수와 동일한 구문으로 jQuery 인수를 전달합니다.
function add(arg){
//do something with arg
}
add('#elem');
function $(arg){
//do something with arg
}
$('#elem');
표시 되나요? jQuery는 많은 유형의 인수를 전달할 수있는 많은 복잡한 도구 일뿐 아니라 많은 유용한 도구를 제공합니다. 그러나 문법과 정의는 전통적인 자바 스크립트와 다르지 않습니다.
function add(arg){
var added = arg + 12;
return this.alertAdded = function(){
alert(added);
}
}
add(30).alertAdded(); // will alert 42
//vs
$('#elem').fadeOut(); // same syntax but referring to very different functionality.
여기서 jQueryish 구문의 예는 일반 평범한 구식 JS입니다.
ref : http://api.jquery.com/jQuery/ – Yoshi