JQuery 적용하기(나홀로메모장)http://spartacodingclub.shop/ 포스팅박스 열기 script에 fuction 입력 fuction에 if 추가 ※나머지는 다 '' 작은 따음표 posting-box를 시작부터 감춰두기 (css의 display:none 속성!) 이런 것을, inline-style (인라인 스타일) 이라고 부릅니다. 여기저기 쓰면 복잡하겠지만, 이렇게 쓰면 직관적으로 "아 처음부터 안보이는 태그구나!"를 알 수 있겠죠! (물론, class주고, css에서 display:none 속성을 주는 것도 방법이구요!) .posting-box { width: 500px; margin: 0px auto 30px auto; padding: 30px; border: 3px solid b..
※val()은 input값을 바꾸고 text는 문자를 바꿈 버튼의 텍스트 바꾸기 포스팅박스 열기 $('#btn-posting-box').text('랄라') text가 바뀜 태그 내 html 입력하기 ▼id 추가 let temp_html = `나는 버튼이다` ※ backtick(` `) 은 1번의 옆에 있음 backtick을 사용하면 문자 중간에 Javascript 변수를 삽입할 수 있습니다. $('#cards-box').append(temp_html) append 첨부하다 버튼 말고, 카드를 넣어보기 let temp_html = ` http://naver.com/"> 여기 기사 제목이 들어가죠 T기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 ..
jQuery 사용하기 미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부릅니다 [코드스니펫] jQuery CDN jQuery CDN 부분을 참고해서 임포트하기(https://www.w3schools.com/jquery/jquery_get_started.asp) jQuery를 사용하는 방법 css와 마찬가지로, jQuery를 쓸 때에도 "가리켜야" → 조작할 수 있습니다. 예) 특정 인풋박스의 값을 → 가져와줘! 예) 특정 div를 → 안보이게 해줘! css에서는 선택자로 class를 썼지요? jQuery에서는 id 값을 통해 특정 버튼/인풋박스/div/.. 등을 가리키게 됩니다. 백문이불여일견! 자주 쓰는 jQuery들을 함께 다뤄보면서 익혀보죠! 들어가기 전에 - 모든 jQuery를..
