본문 바로가기

sundries

3-18 empty() remove()

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<script src ="../js/jquery-3.2.1.js"></script>

</head>

<script>

/*

//empty () : 문서 객체 내부를 비웁니다.

내부만 사라진다.

*/

$(function(){

$('div').empty();

});

</script>

<body>

<div>

<h1>Header-0</h1>

<h1>Header-1</h1>

<h1>Header-2</h1>

</div>

</body>

</html>


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<script src ="../js/jquery-3.2.1.js"></script>

</head>

<script>

/*

//first()

인덱스  선택

첫번쨰 지우기

//remove() 

선택자와 모든 것들이 사라진다.

*/

$(function(){

$('h1').first().remove();

});

</script>

<body>

<h1>Header-0</h1>

<h1>Header-1</h1>

<h1>Header-2</h1>

</body>

</html>