레퍼 Wrapper

레퍼 (Wrapper )

* JQuery( 엘리먼트 오브젝트 | 'CSS 스타일 선택자' )

* 붉게 표시된 부분이 레퍼이다. 인자로 전달된 엘리먼트에 JQuery의 기능성을 부과해서 반환한다.

1. 안전한 사용

* $(엘리먼트)와 JQuery(엘리먼트) 는 같은 의미지만 다른 라이브러리와의 충돌때문에 다음과 같은 방법을 사용한다.

- 첫번째 방법

<script type="text/javascript">

//$ 대신 jQuery를 사용
jQuery('body').html('hello world');
</script>

- 두번째 방법

<script type="text/javascript">

//$를 함수의 지역변수로 선언해서 외부에 있을지 모르는 타 라이브러리의 $와의 충돌을 예방
(function($){
    $('body').html('hello world');
})(jQuery)
</script>

2. 제어 대상을 지정하는 방법

* JQuery ( selector , [context]

* JQuery ( Element )