JQuery 학습 (5) 이벤트 (2)

1482 단어
4 toggle 이벤트
용법1: 순서대로 이벤트를 실행한 후 첫 번째 이벤트로 돌아가서 반복적으로 실행합니다. 요소 자체를 눌렀을 때만 촉발됩니다.
       
$('img').toggle(function () { $(this).attr('src', ' /1.jpg') }, function () { $(this).attr('src', ' /2.jpg') }, function () { $(this).attr('src', ' /3.jpg') }, function () { $(this).attr('src', ' /4.jpg') }, function () { $(this).attr('src', ' /5.jpg') })

 
용법2: show () 와hide () 방법 반복 호출
     
$('#Button1').click(function () {
                $('img').toggle(2000);
            })

5.one 이벤트는 연결된 이벤트를 한 번만 실행합니다.
$(function () {
            $('#Button1').one('click', function () {
                    $('img').toggle(2000);
                })
        })

6.keyup keypress keydown 이벤트 버튼 누르기 등 이벤트
$('#Text1').keyup(function () {

                $('#div1').text($('#Text1').val())
            })
            $('#Text2').keydown(function () { 
                $('#div1').text($('#Text2').val())
            })
            $('#Text3').keypress(function () {
                $('#div1').text($('#Text3').val())
            })

 

좋은 웹페이지 즐겨찾기