[jQuery] jQuery 사용법(2) - 래퍼(엘리먼트 오브젝트) 방법

 

 

1. 래퍼(wrapper) 란?

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

붉은색으로 표시한 부분이 레퍼입니다, 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환

 

 

 

2. 래퍼(wrapper)의 안전한 사용

1) 설명1

$(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만

$를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다.

(jQuery보다 실질적으로 $가 짧은니깐 $를 많이 사용한다.)

 

(jQuery는 라이브러리이고, 라이브러리는 재사용하기위해 있는 겁니다.,

이말이 뭔말이냐면,

프래그래밍 할 때, 어느 특정한 라이브러리만 사용하는 것이 아니라

필요에 따라서 여러개의 라이브러리를 조합해서 사용할 수도 있습니다.

또는

예전에 어떤 라이브러리를 사용 했는데, 세월이 지나면서 더 좋은 라이브러리들이 많이 나옵니다,

그러면 새로운 라이브러리 채택하면서,

기존의 라이브러리랑 새로운 라이브러리를 동시에 하나의 웹페이지에 사용되는  경우가 있을 수 있습니다.

이런 경우에 충돌이!!!! 일어 날 수 있습니다!!!

왜냐하면 라이브러리들이 사용하는 변수명이나 함수명 이런 것들이 같은 이름으로 사용되는 경우에

예상하지 못했던 문제들이 발생해서 디버깅에 애를 먹는 경우가 많이 있습니다.)

 

그래서 jQuery 같은 경우는 이러한 충돌을 회피하고,

방지하기 위한 여러가지 장치들을 제공하고 있습니다.

 

그리고 또, jQuery 자체가 다른 라이브러리들에게 피해를 주지 않으면서,

jQuery기능성을 사용할 수 있게 하는  방법들을 제공하고 있습니다.

 

 

이게 jQuery가 가지고 있는 중요한 장점 입니다.(위에 설명들)

 

 

2) 설명2

$(엘리먼트) 와 jQuery(엘리먼트)는 같은 의미이지만

$를 사용하는 다른 라이브러리들과의 충돌 때문에 다음과 같은 방법을 사용한다.

(jQuery보다 실질적으로 $가 짧은니깐 $를 많이 사용한다.)

 

$ <- 이것은 jQuery만 사용하지 않고 다른 라이브러리에서도 많이 사용합니다.

 

그래서, 문제는

jQuery에서만 사용하는 것이 아니라 다른 라이브러리에서도 많이 쓴다는게 문제 입니다.!!!

 

그래서,

이러한 충돌들을 방지하기 위해서 몇가지 방법들이 있습니다.

 

첫번째방법 - 그냥 $표시말고 jQuery라고 써가지고 사용하면 됩니다!  (고유명사니깐)

예)

두번째방법 - function()을 만들어서 function()안에 $표시를 합니다., 그 안에 동작할 jQuery문을 작성합니다, 그런다음에 함수 전체를 가로"( )"로 묶어줍니다, 그런 다음에 그 뒤에다가 (jQuery)를 작성해 줍니다.

예)

 

 

 

 

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

( [ ] <- 이건 옵션이라 있어도 되고 없어도 됩니다 )

 

첫번째 방법 - jQuery( selector, [context] )

예)

 

두번째 방법 - jQuery( element )

예)

 

 

 

 

 

 

 

래퍼를 잘 알고 있어야 한다!! 

래퍼(wrapper)