[JQUERY] HTML 태그에 CLASS 추가하기.

HTML 태그에 CLASS 추가 하기 입니다.

 

아래와 같은 HTML이 있다는 가정하에 아래의 P 태그에 CLASS 추가하는 스크립트 입니다.

<p id="answer">테스트 입니다.</p>

 

아래와 같은 방법으로 클래스를 추가, 삭제 할 수 있습니다.

// 클래스 추가하기 (띄어쓰기로 여러개 가능)
$("#input_id").addClass("class_name1 class_name2");
 
// 클래스 삭제하기(띄어쓰기로 여러개 가능)
$("#input_id").removeClass("class_name1 class_name2");
 
// 클래스 모두 삭제하기
$("#input_id").removeClass();

 

아래와 같이 작성합니다.,

$("#answer").addClass("answer");

 

위의 코드가 반영되면 아래와 같이 됩니다.

<p id="answer" class="answer">테스트 입니다.</p>