javascript, framework/jquery (6) 썸네일형 리스트형 Step09_example Step09_example 전송 하나 두울 input에 문자열을 입력하고 전송 버튼을 누르면 글자가 생긴다. 생성된 글자에 마우스 오버를 하면 효과가 나타난다. 생성된 글자를 누르면 삭제된다. -> $(this).remove Step09_example2 append와 appendTo 사용법 번호 이름 주소 1 김구라 노량진 td1, td2, td3 변수를 적절히 만들어서 append와 appendTo를 활용해서 tbody안에 입력하였다. Step09_example3 for 활용 예제 번호 이름 주소 출력하기 Step09_example4 Step09_makeElement Step08_regExp(정규표현식 활용 예제) Step08_example 아이디 비밀번호 전화번호 가입 Step08_example2 Step08_regExp Step08_regExp2 추출하기 Step07_form (폼) Step07_form 오렌지 애플 바나나 남자 여자 전송 Step07_form2 이메일 비밀번호 비밀번호 확인 가입 Step06_animate (트랜지션, 이동) Step06_animate Step06_example move move2 step05_effect (사라졌다 나타나는 효과들) step05_effect .show .hide .toggle 숨기기 보이기 토글 step05_effect2 .hide 숨기기 보이기 토글 .hide를 활용하여 duration과 alert 기능을 추가하였다. 이렇듯 숫자 혹은 메소드를 안에 적어 활용하는 경우가 있다. .hide 관련 정보 https://api.jquery.com/hide/#hide step05_effect3 fadeIn fadeOut fadeToggle 숨기기 보이기 토글 step05_effect4 slideIn slideOut slideToggle 숨기기 보이기 토글 Step01~04 (html, css 접근, event) Step01_hello p1 p2 p3 p4 p5 대상을 지정할때 $("p").first(), $("p").last() , $("p").eq(2) 같은 방식도 있다. (각각 첫번째, 마지막, 세번째 p) Step02_event 눌러보셈 하나 두울 .on()은 이벤트가 일어났을때의 동작을 설정하기 위한 메소드이다. .val()은 양식(form)의 값을 가져오거나 값을 설정하는 메소드이다. A.append to(B)는 A의 값을 B 마지막 부분에 입력해준다. (A,B는 예시이다, 뒤가 아닌 앞에 입력하고 싶다면 .prependTo()가 있다.) step03_example 예시에서 첫번째 상자(mouseout) : 마우스가 닿았다가 지나쳤다. 두번째 상자(mouseover): 마우스가 닿아 있다 세번째 상자:.. 이전 1 다음
