개발노트 :: 제이쿼리(Jquery) 아이디, 클래스, 태그 선택자#1

제이쿼리(Jquery) 아이디, 클래스, 태그 선택자#1

제이쿼리를 이용해 특정 요소를 선택하는 방법에 대해 알아보겠습니다.

이번에는 요소에 해당하는 아이디, 클래스, 태그를 이용해 선택을 해보겠습니다.

아이디, 클래스, 태그 값으로 찾기위해서는 제이쿼리가 정해놓은 아래 표에있는 기호를 이용해 선택을 하시면 되겠습니다.

 

1. 아이디, 클래스, 태그 선택자 표

선택자	예시	설명
#id	$("#idName")	id가 idname인 요소 선택
.class	$(".className")	class가 className인 요소 선택
element	$("p")	<p> 태그인 요소 선택

 

2. 아이디, 클래스, 태그 선택자

 <h1 id="red">Header1</h1>
 <h1 class="blue">Header2</h1>
 <h2>Header3</h2>
 
 <script type="text/javascript">
  $("#red").css("color","red");
  $(".blue").css("color","blue");
  $("h2").css("color","gray");
 </script>

 

결과값

Header1 Header1 Header2