hide2 2-4 JQuery 적용하기(포스팅 박스) _ .show & .hide / display:none 영화 기록하기 버튼을 누르면 숨겨진 창이 나타나고 닫기를 누르면 사라짐. 1. 각 버튼에 먼저 function을 연결시켜준다. 영화 기록하기 닫기 function open_box(){ } function close_box(){ } 2. 타겟 창의 div 에 id 값을 주기. ex) 3. 타겟 창 제어하기. function open_box(){ $('#post-box').show() } function close_box(){ $('#post-box').hide() } **post-box를 시작부터 감춰두기: css를 display:none 으로 설정 2022. 5. 13. 2-3 jQuery 다루기 ( $('#url') / hide / show / temp_html ) HTML 코드에서 특정값 가져오기 $('#id').val 1) 영화URL input박스에 id를 지정해줌 (url) 2) $('#url').val(); id 값이 url인 곳의 값(val)을 가지고 온다. $('#url').val('여기에 써져있는 값을 불러올수도 있다.') val('~~~')의 값을 불러올 수 도 있다. hide / show $('#post-box').hide(); id 값이 post-box인 곳을 가리키고, hide()로 안보이게 한다. $('#post-box').show(); id 값이 post-box인 곳을 가리키고, show()로 보이게 한다.▶ temp_html 태그 내에 html 입력하기 예) ~ 내에, 동적으로 html을 넣고 싶을 때 1. 원하는 div에 id 추가 2. .. 2022. 5. 13. 이전 1 다음
