Wrapper

인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환한다.

$(element) 또는 jQuery(element)로 사용하는데 $는 다른 lib과 충돌이 일어날 수 있어서 보통 아래와 같이 function의 인자로 $를 받아 안전하게 사용한다.

//$에 jquery 인자가 전달
(function($){
	$('body').html('hello world');
})(jQuery) //함수를 선언함과 동시에 함수를 호출하고 있는 것

제어 대상 지정

jQuery(selector, [context]) selector = css와 같은 형태의 문자열, context = 옵션

<html>
	<body>
		<ul>
			<li>test2</li>
		</ul>
		<ul class="foo">
			<li>test</li>
		</ul>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript">
			(function($){
				$('ul.foo').click(function(){
					$('li'.this).css('background-color', 'red');
				});
			})(jQuery)
		</script>
	</body>
</html>