jquery의 래퍼

래퍼란?

jquery라는 이름으로 시작되는 함수를 래퍼라고 합니다.

jquery ( 앨리먼트 오브젝트 | 'CSS' 스타일 선택자') 의 형태로 사용됩니다.

보통 $로 많이 씁니다.

• 엘리먼트 오브젝트 => document.getElementById
• css 스타일 선택자 => . # 등의 css 문법

레퍼의 안전한 사용

jquery는 라이브러리로 재사용을 하기 위해 사용합니다.

jquery는 다른 라이브러리와 같이 사용할 경우가 많습니다.

그럴경우 라이브러리의 변수명, 함수명등의 충돌이 발생할 수 있기 때문에 jquery는 이러한 충돌을 회피할 수 있는 기능을 제공합니다. (장점)

$(엘리먼트)와 jquery(앨리먼트)는 같은 의미이지만 $를 사용하는 다른 라이브러리와의 충돌 때문에 다음과 같은 방법을 사용합니다.

• jQuery라는 변수를 사용하는 방법
  
  
  
  
  
  
  
• jquery를 $변수로 전달하여 외부에서 접근을 차단하는 방법
  
  
  

래퍼로 제어 대상을 지정하는 방법

• jQuery( selector, [context] )
  
  
  
  
  
  ul중에 class가 foo 인 엘리먼트가 선택되면 해당 li의 background를 빨간색으로 바꿉니다.
  
  
  여기서 $('li', this)부분의 this는 해당 이벤트를 발생시킨 Context를 의미합니다.
  
  
  context는 <ul class='foo'> .....</ul> 부분입니다. 
  
  
  선택된 컨텍스트중에 첫번째 인자로 전달된 li의 css를 빨간색으로 바꿔줍니다.
  
  

• jQuery( element)
  
  
  
  
  
  document의 body를 element인자로 전송한 뒤 배경을 검정색으로 하는 메소드를  수행합니다.