출처 :&nbsp;<a href="http://linuxism.tistory.com/666" target="_blank">http://linuxism.tistory.com/666</a><br>
<b><u><span style="font-size: 12pt;"><br>
1.&nbsp;</span><span style="font-size: 9pt; line-height: 1.5;"><span style="font-size: 12pt;">$(document).ready(function(){&nbsp;</span></span><span style="font-size: 9pt; line-height: 1.5;"><span style="font-size: 12pt;">&nbsp;...&nbsp;</span></span><span style="font-size: 9pt; line-height: 1.5;"><span style="font-size: 12pt;">});</span></span></u></b><div style="margin-left: 4em;">
</div><div style="margin-left: 4em;">
</div><div style="margin-left: 4em;">
</div><div style="margin-left: 4em;">
</div><div style="margin-left: 4em;">
</div><div style="margin-left: 4em;">
</div><div>
문서가 로딩이 완료되면 실행&nbsp;<br>
<br><b><u><span style="font-size: 12pt;">2. &nbsp;$(function(){ .. });</span></u></b><br>
그냥 함수 실행<br>
<br><b><u><span style="font-size: 12pt;">3. &nbsp;(function($){ ... })(jQuery);</span></u></b><br>
<span style="font-size: 9pt; line-height: 1.5;">이경우는 Jquery를 사용할 때, $ 달러의 의미를 jquery에서 사용하겠다는 의미가 내포되어 있습니다.</span></div>
<div>즉, $를 jquery만 사용하는 것이 아니라 다른 라이브러리에서도 사용할 수 있기 때문이에요.</div>
<div>만약 prototype.js 랑 jquery를 같이 사용하는 경우에는 &nbsp;$가 충돌이 발생하는 것입니다.</div>
<div>&nbsp;</div>
<div>그래서 아예..</div>
<div>함수로 $를 매개변수로 해서 넘기는 것입니다.</div>
<div>jQuery 이것이 jquery 객체이지요.</div>
<div>저 함수안에서 $의 의미는 jquery 객체로 사용이 되는 것이에요..</div>
<div>&nbsp;</div>
<div>prototype.js 와 jquery로 프로그래밍을 함께 병행하실 때는..</div>
<div>(function($){</div>
<div>...</div>
<div>..</div>
<div>..</div>
<div>&nbsp; &nbsp;이 안에서만 jquery를 자유롭게 사용하게 됩니다.</div>
<div>...</div>
<div>})(jQuery);</div>


Jquery function 사용방법 pageload page load