-
jQuery - .empty()jQuery 2020. 6. 23. 15:50
.empty()
- 선택한 요소의 내용을 지운다.
내용만 지울 뿐 태그는 남아있다는 것에 주의하자
* 태그를 포함한 요소 전체를 제거할 때는 .remove()를 사용
문법
.empty()예를 들어
<h1>Lorem</h1>일 때
$('h1').empty()를 하면 다음과 같이 바뀐다.
<h1></h1>
예제
- 버튼을 클릭하면 p의 요소의 내용이 지워진다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>jQuery</title> <style> p { padding: 20px; background-color: #eeeeee; } </style> <script src="//code.jquery.com/jquery-3.3.1.js"></script> <script> $( document ).ready( function() { $( 'button' ).click( function() { $( 'p' ).empty(); } ); } ); </script> </head> <body> <button>Click To Empty</button> <p>Lorem Ipsum Dolor</p> </body> </html>
'jQuery' 카테고리의 다른 글
jQuery - .fadeOut() (0) 2020.06.23 jQuery - .fadeIn() (0) 2020.06.23 jQuery - .each() (0) 2020.06.23 jQuery - .detach() (0) 2020.06.23 jQuery - .delay() (0) 2020.06.23