[jQuery] addClass() & removeClass()

티스토리 뷰

WEB/jQuery

춘햄 2021. 6. 2. 14:41

jQuery는 특정 객체에 미리 지정한 클래스를 원하는 타이밍에 추가하거나 지워서 css를 변경할 수 있다.

1. addClass()은 다음과 같이 사용할 수 있다.

$(element).addClass('클래스명');

<style>
   .red { color: red; }
</sytle>

<span>Test addClass</span>

$('span').addClass('red');

2. removeClass()도 동일하게 사용 가능하다.

$(Element).removeClass('클래스명');

<body>
  <span class="test">Test removeClass</span>
</body>

<script type="text/javascript">
  $('span').removeClass('test');
</script>

<body>
  <span class>Test removeClass</span>
</span>

3. 추가로, hasClass()를 사용하여 해당 객체가 지정 클래스를 가지고 있는지 아닌지 boolean 값으로 받을 수 있다.

$(Element).hasClass('클래스명');

공유하기 링크

Comments

Related Articles more

최근에 올라온 글

최근에 달린 댓글

TAG more