유블로그

[jQuery] elment 삭제하기 - .remove(), .empty() 본문

JavaScript & jQuery

[jQuery] elment 삭제하기 - .remove(), .empty()

yujeong kang 2020. 9. 13. 11:51 
<head>
	<script type="text/javascript">
        $(document).ready(function() {
            $("#btn1").click(function() {
                $("#h2").remove();
            });
            $("#btn2").click(function() {
                $("div").empty();
            });
        });
	</script>
</head>
<body>
	<div>
		<h2 id="h1">안녕하세요1</h2>
		<h2 id="h2">안녕하세요2</h2>
		<h2 id="h3">안녕하세요3</h2>
	</div>
	<input type="button" id="btn1" value="두번째 h2 삭제"/>
	<input type="button" id="btn2" value="div 비움"/>
</body>

 

저작자표시 비영리 변경금지

'JavaScript & jQuery' 카테고리의 다른 글

[JavaScript] 변수범위, 데이터타입, 함수, 문자열  (0) 2020.09.20
[JavaScript] Number() 과 parseInt()의 차이  (0) 2020.09.16
[jQuery] .text() .html() 로 내용 받아오기, 변경하기, 추가하기  (0) 2020.09.13
[jQuery] .css() 로 속성 변경하거나 추가하기  (0) 2020.09.13
[jQuery] addClass, removeClass, toggleClass  (0) 2020.09.13
'JavaScript & jQuery' Related Articles more