달력

12

« 2019/12 »

  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

태그선택자와 id선택자 연결

   

   

소스코드

<body>

<h1>header-0</h1>

<h1 id="target">header-1</h1>

<h1>header-2</h1>

</body>

   

출처: <https://github.com/10zeroone/study_jQuery/blob/master/jQuery/WebContent/ch01-selector/05.html>

   

출력결과

   

   

소스코드

//특정 id속성을 가지는 태그 선택

$('h1#target').css('color', 'red');

   


   

출력결과

Posted by codedragon codedragon

댓글을 달아 주세요

태그 선택자, 클래스 선택자, 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');

   


   

Posted by codedragon codedragon

댓글을 달아 주세요