코린이 필수꿀팁 #5. JQuery 외우면 좋은 것들

• HTML 요소에 id를 부여하고, 이걸 가리켜서 조작합니다.
  ex) $('#post-box').val() 아이디라서 #으로 표기
• 외우면 좋은 것들
  • .val : 값을 가져오거나 값을 넣는 역할 (밸류)
    

    

    
    

    

  • .append : 붙이는 역할 (특정 요소를 추가)
    

    

    

  • .show : 보여주는 역할
  • .hide : 숨기는 역할
    

    

  • .css('display') : 숨겨졌는지 나타났는지 알아보는 역할

let memo = $('#post-box').css('display') if (memo == 'none') { $('#post-box').show(); } else { $('#post-box').hide(); } 👉 이렇게 하면 접혔을 때 펴지고, 펴졌을 때 접힘

1. 규칙을 함수로 정의 function showhide () { let memo = $('#post-box').css('display') if (memo == 'none') { $('#post-box').show(); } else { $('#post-box').hide(); } } 2. showhide(); 하면 자동으로 동작 (접혔을 때 펴지고..) [포스팅박스 열기] 버튼으로 설정된 name으로 해도 동일하게 동작