새 HTML 태그를 제거 및 추가하려면 hide() 및 show() 개념을 사용하십시오.

다음이 우리의 버튼이라고 가정해 봅시다 -

위 콘텐츠를 숨기려면 나를 클릭하십시오. 위 콘텐츠를 표시하려면 나를 클릭하십시오.  

 버튼 클릭 시 태그를 제거하고 추가하려면 hie() 및 show() −
를 사용하십시오. 
$(문서).ready(function(){ $("#hide").click(function(){ $("h1").hide(); }); $("#show"). 클릭(함수(){ $("h1").show(); });});
 
예시
 
 
 
<메타 이름="viewport" 콘텐츠="width=장치 너비, initialscale=1.0"> 
자바스크립트 테스트
위 콘텐츠를 숨기려면 클릭하세요.위 콘텐츠를 보려면 클릭하세요. 
 

 위의 프로그램을 실행하기 위해서는 "anyName.html(index.html)"이라는 파일명을 저장하고 파일을 우클릭하면 됩니다. VS Code 편집기에서 "Open with Live Server" 옵션을 선택합니다.
 
출력
 

 이것은 다음과 같은 출력을 생성합니다 -
 

 
 

 사례 1 
 

 "위의 내용을 숨기려면 나를 클릭하십시오" 버튼을 클릭하면 다음과 같은 출력이 나타납니다.
 

 
 

 사례 2 
 

 "위의 내용을 표시하려면 나를 클릭하십시오" 버튼을 클릭하면 다음과 같은 출력이 나타납니다.