[jQuery] 문서 객체의 클래스 속성 추가/제거/확인 [addClass(), removeClass(), hasClass()], 문서 객체 제거 [remove()]


[jQuery] 문서 객체의 클래스 속성 추가/제거/확인 [addClass(), removeClass(), hasClass()], 문서 객체 제거 [remove()]

addClass() 메서드는 문서 객체에 클래스 속성을 추가할 때 사용하는 메서드입니다. 다음과 같이 코드를 작성하여 살펴보겠습니다.코드를 저장하고 실행하면 다음과 같습니다.두 개의 클래스가 추가되어 붉은색 글씨로 가운데 정렬되는 h1 태그를 확인할 수 있습니다. 요소 검사를 통해 요소를 확인하면, 이 h1 태그에 red-text와 header라는 class가 적용되었다는 것을 확인할 수 있습니다.이번에는 class를 제거하는 방법을 살펴보겠습니다. removeClass() 메서드를 이용하여 class를 제거할 수 있습니다. 이번에는 setTimeout()을 이용하여 class 속성 추가가 실행되고 2초 후에 class를 제거하는 코드를 작성하였습니다.코드..........

[jQuery] 문서 객체의 클래스 속성 추가/제거/확인 [addClass(), removeClass(), hasClass()], 문서 객체 제거 [remove()]에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.



원문링크 : [jQuery] 문서 객체의 클래스 속성 추가/제거/확인 [addClass(), removeClass(), hasClass()], 문서 객체 제거 [remove()]