티스토리 뷰

WEB/jQuery

[jQuery] addClass() & removeClass()

춘햄 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('클래스명');

'WEB > jQuery' 카테고리의 다른 글

[jQuery] hover()  (0) 2021.06.02
[jQuery] toggle()  (0) 2021.06.02
[jQuery] slice()  (0) 2021.06.02
[jQuery] filter()  (0) 2021.06.02
[jQuery] jQuery의 기본, 선택자  (0) 2021.06.02
공유하기 링크
Comments
Related Articles more