달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

태그선택자와 클래스선택자 연결

   

   

소스코드

<script type="text/javascript">

//$(document).ready(function(){}) = $(function(){})

$(function(){

$('.item').css('color', 'orange');                

});

</script>

</head>

<body>

<h1 class="item">Header-0</h1>

<h1 class="item select">Header-1</h1>

<h1 class="item">Header-2</h1>

<p class="item">Item-0</p>

</body>

   


   

   

   

소스코드

$('.item').css('color', 'orange');

$('h1.item').css('background', 'red');

   


   

   

   

   

소스코드

$('.item').css('color', 'orange');

$('h1.item').css('background', 'red');

$('h1.item.select').css('background', 'yellow');

   


   

Posted by codedragon codedragon

댓글을 달아 주세요

태그선택자와 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

댓글을 달아 주세요