제이쿼리(J-Query) 메소드 class()

제이쿼리 class() 메소드

: class 를 동적으로 추가하거나 삭제하는 메소드

.addClass(), .removeClass(), toggleClass()

 

 

 

문법

$("element").addClass();

$("element").removeClass();

$("element").toggleClass();

 

 

 

1.$("element").addClass(); 

: 특정 요소에 새로운 class를 추가

 

ex.

$(".btn").click(function(){

  $(".btn").eq(0).addClass("on");

});

 

 

2.$("element").removeClass();

: 특정 요소가 가진 class를 제거 

 

ex.

$(".btn").eq(3).removeClass("on");

 

 

3.$("element").toggleClass();

: 특정 요소에 class를 추가, 제거. on&off의 개념

 

ex.

$(".btn").click(function(){

  $(".btn").eq(0).toggleClass("on");

});