jquery11 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. 2-2 jQuery 시작하기 jQuery 란? CSS 를 미리 작성해두어 편리하게 쓰는것이 bootstrap인 것 처럼 Java script를 미리 작성해두어 가져다 쓸수 있는것이 jQuery. JS 와 jQuery 코드비교 JS document.getElementById("element").style.display = "none"; jQuery $('#element').hide(); jQuery 사용법 https://www.w3schools.com/jquery/jquery_get_started.asp jQuery CDN 부분을 참고 사이에 아래 코드를 넣음 ✔️CSS 처럼 대상을 선택해야 조작할수 있음. 예) 특정 inputbox의 값을 가져와줘 ✔️ CSS는 선택자를 'class'로 썼지만 JS 에서는 'id'를 쓴다. 2022. 5. 12. 이전 1 2 3 다음
