JQuery (2) 썸네일형 리스트형 코딩교육 2주차(JQuery Quiz) 생각보다 까다롭고 어려웠다 ㅜ 이전에 배운 html, css는 양반 ㅜㅜ (그치만 매번 쉬운 것만 연습하면 의미가 없으니 분발하자!! ㅎㅎㅎ) Q1. 버튼을 눌렀을 때 칸에 아무것도 없으면 '입력하세요'라는 얼럿 띄우기 Q2. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기(이메일이 아니면 아니라고 얼럿)+이메일의 도메인만 추출해서 얼럿 - html 붙이기/지우기 연습 Q3-1. 이름을 입력하면 아래 나오게 하기 Q3-2. 다지우기 버튼을 만들기 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2.. 코딩교육 2주차(이름도 생소한... JQuery) 자바스크립트를 배운 날, 자바스크립트만 알면 모든 웹사이트를 뚝딱 만들 수 있을 것만 같았다 ㅎㅎ 그런데 이름도 생소한 요녀석이 나타났다 ㅜ JQuery는 편리한 자바스크립트를 미리 작성해둔 것!(CSS로 따지면 부트스트랩!!) 사용 전 반드시 임포트 먼저!! id='~'을 통해 특정 요소를 가리킴(CSS의 경우는 class를 이용했었지 ㅎㅎ) chrome 개발자도구 콘솔창을 이용해 즉각 확인가능(매번 새로고침 필요 x) >input 박스의 값을 가져오기 (id값이 url인 곳을 가리키고, val()로 값을 가져오기) $('#url').val(); >div 보이기/ 숨기기 (id값이 post_box인 곳을 가리키고, show(),hide()로 값을 가져오기) $('#post_box).hide(); $('.. 이전 1 다음
