javaScript/jQuery

jQuery 앨리먼트에 css 적용하

mooyou 2021. 6. 6. 23:53
728x90
300x250
SMALL

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>엘리먼트에 접근해서 스타일 지정하기-“element”, “#id”, “.class</title>
<style type="text/css">
   .spotlight {   background-color: #ff0   }
   .redtext   {   color: #f00   }
   .largetext {   font-size: 30pt   }
   .italictext{   font-style: italic;   }
</style>
<script src="../js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
   $(document).ready(function() {
      $('span').addClass('redtext');
      $('div').addClass('spotlight');
      $('#simpletext1').addClass('largetext');      
      $('.simpletext1').addClass('italictext');
   });
</script>
</head>
<body>
   <span id="simpletext1">simple</span>
   <div  class="simpletext1">jQuery</div>   
   <span id="simpletext2">basic</span>
   <div  id="simpletext3">example</div>
</body>
</html>

 

 

728x90
반응형
LIST
저작자표시 비영리 변경금지 (새창열림)