[ jquery 기초 ] jquery 셀렉터 - 기본

| 팩토리함수

'$()' 함수는 괄호안에 CSS선택자를 정의해 반환합니다. 하나의 함수로 여러가지의 종류의 객체를 생성할 수 있는 팩토리함수 입니다. 'jQuery()' 함수는 동일한 기능을 하며 타 언어에서 $의 중복을 피하기 위해 지원합니다.

| jQuery 셀렉터

기본적으로 jQuery의 선택자는 CSS의 태그 선택자와 비슷합니다. 앞서 CSS 선택자를 하신 분들이라면 더욱 쉽게 이해하실수 있을꺼라 생각됩니다. 더 상세한 셀렉터의 사용 방법은 공식사이트에서도 확인하실 수 있습니다.

Selector	Example	Selects
*	$("*")	All elements
#id	$("#lastname")	The element with id="lastname"
.class	$(".intro")	All elements with class="intro"
.class,.class	$(".intro,.demo")	All elements with the class "intro" or "demo"
element	$("p")	All <p> elements
el1,el2,el3	$("h1,div,p")	All <h1>, <div> and <p> elements

 

위 표에는 기본적으로 전체, 아이디, 클래스, 태그의 셀렉터만 뽑아 왔습니다. 이외에도 속성을 이용한 선택방법, 구조를 그대로 작성하여 선택하는 방법 등, 사실 여러가지 방법이 있습니다. 여러가지 방법도 중요하지만 중복되지 않도록 정확한 값들을 주었다면 기본만으로도 정확하게 본인이 필요한 부분을 셀렉팅 하여 가져올 수 있어야 겠습니다. 그래야 이 다음 선택된 값들을 가지고 다음 작업들이 진행 될 수 있을 것 입니다.