[J] JavaScript & jQuery 공부하기 #29

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.

 

34. show와 hide 관련 메소드
    * hide() 메소드
    - 노출되어 있는 요소 영역을 숨김
    < script type="text/javascript">
      $("요소").hide();
    </ script>
    * show() 메소드
    - 노출되어 있는 요소 영역을 보여줌
    < script type="text/javascript">
      $("요소").show();
    </ script>

    * show()와 hide() 메소드 이용 효과
    - 이벤트를 발생시킬 버튼과 사라질 문장을 생성함
    < body>
        < button>이 버튼을 누르면 아래 글이 사라집니다</ button>
        < p>위 버튼을 누르면 이 글이 나타납니다.</ p>
    </ body>
    - 버튼을 클릭하면 문장이 사라지는 메소드를 추가함
    < script type="text/javascript">
      $(document).ready(function(){
        $("p").hide();
        $("button").click(function(){
          $("p").show();
        });
      });
    </ script>