[jQuery] 콘텐트 제거 그리고 attribute 바꾸기

.empty()는 innerHTML을 지움.

.remove()는 어떠한 element를 아예 없앰.

 

<p>hi I am dodo</p>

$('p').empty()//결과 <p></p>

$('p').remove()//결과: 없어짐

 

이제 element의 attribute을 제거하거나 바꾸는 방법을 알아보자

 

<div class="banner">

</div>

이러한 html이 있다고 해보자

 

.removeAttr()은 받은 인자로 받은 attribute을 완전히 지운다.

$('div').removeAttr('class')//결과: <div></div>

.attr 은 attribute의 값을 바꾸거나 return한다.

$('div').attr('class','anotherBanner'); //결과: <div class="anotherBanner"></div>

$('div').attr('class');// anotherBanner을 리턴함