제이쿼리 Selectors(선택자)

이미지 출처 : https://oscarotero.com/jquery/

기본 선택자

*	유니버셜(전체) 선택자	$("*")
#id	아이디 선택자	$("#아이디명")	$("#t1").css("color","red");
.class	클래스 선택자	$(".클래스명")	$(".t1").css("color","red");
element	요소명 선택자	$("요소명")	$("h1").css("border","1px solid #ff6633");
	하위요소 선택자	$("요소선택1 요소선택2")	$("ul span").css("color","blue");
	자식요소 선택자	$("요소선택1 > 요소선택2")	$("ul>li").css("border","1px solid red");
	input, type 선택자	$("input:input타입값")	$(":text").css("background-color","#9933ff");
	요소 속성 선택자	$("요소명선택[속성=값]")	$("input[type=passworld]").css("border","1px solid #0066cc");

탐색자

Basic Filters
:animated		:animated
:even	홀수(짝수인덱스)번째 선택자	$("요소선택:even")	$("ul li:even").css("background-color","pink");
:odd	홀수(홀수인덱스)번째 선택자	$("요소선택:odd")	$("ul li:odd").css("background-color","#ffff66");
:first	첫번째 요소 선택자	$("요소선택:first")  $("요소선택:eq(0)")	$("ul li:first").css("background-color","#ffff66");  $("ul li:eq(0)").css("background-color","#ffff66");   // 0번 인덱스
:last	마지막 번째 요소 선택자	$("요소선택:last")  $("요소선택:eq(-1)")	$("ul li:last").css("background-color","#ffff66");  $("ul li:eq(-1)").css("background-color","#ffff66");
:eq()	배열 인덱스 선택자	$("요소선택:eq(인덱스번호)")	$("ul li:eq(3)").css("background-color","#ffff66");
		$("요소선택).eq(인덱스번호)")	$("ul li").eq(3).css("background-color","#ffff66");
:lt()		$("요소선택:lt(인덱스번호)")	$("ul li:lt(3)").css("background-color","#ffff66");
:gt()		$("요소선택:gt(인덱스번호)")	$("ul li:gt(3)").css("background-color","#ffff66"); //3번 인덱스 보다 큰 것만
:not()	제외된 선택자	$("요소선택").not("선택자")  $("요소선택").not(":first")	$("ul li").not(":first").css("background-color","#ffff66");  //첫번째 것만 뺀 나머지 제외하기
Child Filters
:nth-child()	지정 개수번째 선택자	$("요소선택:nth-child(숫자)")	$("ul li:nth-child(3)").css("background-color","#ffff66");
		$("요소선택:nth-child(숫자n)")	$("ul li:nth-child(3n)").css("background-color","#ffff66");  //3의 배수 선택
Content Filters
:has()	지정요소 포함한 요소 선택자	$("요소선택:has("요소명")")	$("ul li:has('span')").css("background-color","#ffff66");
:contains()	텍스트를 포함하고 있는 것만 선택	$("요소선택:contains('요소명')")	$("ul li:contains('리스트5')").css("background-color","#ffff66");