스파르타 코딩 웹개발 종합반/2주차11 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. 2-1 JS 복습 (홀짝 판별 onclick 함수 ) 짝수 홀수 판단하는법 let even = 4; console.log(even % 2); // 2로 나눈 나머지가 0 let odd = 5; console.log(odd % 2); // 2로 나눈 나머지가 1 onclick 함수 html에 onclick ="hey()" 로 연동시켜준다. 2022. 5. 12. 이전 1 2 3 다음