유블로그

[jQuery] addClass, removeClass, toggleClass 본문

JavaScript & jQuery

[jQuery] addClass, removeClass, toggleClass

yujeong kang 2020. 9. 13. 11:15 
<head>
	<style type="text/css">
          .col1 { color : orange; }
          .col2 { color : magenta; }
          .col3 { color : steelblue; }
          </style>	
          <script type="text/javascript">
          $(document).ready(function() {
              $("#col1").addClass("col1");
              $("h3[name='col2']").addClass("col2");
              $(".col3").removeClass(".col3");
              $("h1").click(function() {
                  $(this).toggleClass("col3");
              })
          });
	</script>
</head>
<body>
	<h1>안녕하세요1.</h1>
	<h2 id="col1">안녕하세요2.</h2>
	<h3 name="col2">안녕하세요3.</h3>
	<h4 class="col3">안녕하세요4.</h4>
</body>
저작자표시 비영리 변경금지

'JavaScript & jQuery' 카테고리의 다른 글

[jQuery] .text() .html() 로 내용 받아오기, 변경하기, 추가하기  (0) 2020.09.13
[jQuery] .css() 로 속성 변경하거나 추가하기  (0) 2020.09.13
[jQuery] .attr() 으로 속성 get, set, 지우기  (0) 2020.09.13
[JavaScript] 마우스위치에 요소 따라오게 하기  (0) 2020.09.13
[jQuery] 요소 추가하기 - insertBefore, prependTo, appendTo, insertAfter  (0) 2020.09.13
'JavaScript & jQuery' Related Articles more