Ajax & jQuery 6일차

6. jQuery의 event처리방법 및 작성법



   jQueryTest
        |
         -WebContent
              |
               -01select
                02dom
                03event->01bind.html
                         02toggle.html
                         03bind2.html
                ——————–
               |
                -images->폴더에 이미지저장

       .css({속성명:속성값,
             속성명2:속성값})

 jQuery에서 이벤트를 발생시킬때 주의할점

 태그-><a href=”페이지이동 경로”>fff</a>
         ->페이지 이동

       <form action=”a.jsp”>
            …이름,주소,,,
        <input type=”submit”>전송</input>
       </form>

 태그가 가진 기본기능->중지=>return false(1)
                                                         event.preventDefault() (2)

01bind.html

01bind

01bind_result

02toggle.html

02toggle

02toggle_result
03bind2.html

03bind2

03bind2_result

04empty.html

04empty

04empty_result

05unbind.html

05unbind

05unbind_result

06one.html

06one

06one_result

07live.html

07live

07live_result


jQuery->hover,toggle,bind

08hover.html

08hover

08hover_result

09key.html

09key

09key_result

10change.html

10change

10change_result

11formevent.html

11formevent

11formevent_result


12input.html(회원가입폼)

12input

12input_result


내일 애니메이션 효과->Ajax->jQuery UI