JQuery学习(5)事件(2)
4 toggle事件
用法一:依次执行事件到最后之后回复到第一个事件循环往复执行只有在单击元素本身时才会被触发
$('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') })
用法二:重复调用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()) })