03.html-태그 선택자, 클래스 선택자, ID선택자

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

태그 선택자, 클래스 선택자, ID선택자

   

id는 반드시 중복되지 않토록 uniqe하게 명명해야 되며

class나 name은 동일 명칭을 가져도 상관없습니다.

   

(주의)

class선택자

.

id선텍자

#

   

   

소스 파일

<body>

<p class="study">jQuery 실습</p>

<div>

<div id="content">id값이 content div tag</div>

</div>

<span>span1</span>

<span class="study">span2</span>

</body>

   


   

   

   

//태그 선택자 (중복 가능)

//속성, 속성값

$('span').css('border', '5px solid red');

   


   

   

   

//클래스 선택자 (중복 가능)

$('.study').css('border', '7px solid olive');

   


   

   

   

//id선택자(중복 불가능)

$('#content').css('background', 'magenta');