JQuery学习(5)事件(2)
来源:互联网 发布:开淘宝网店怎么注册 编辑:程序博客网 时间:2024/06/03 23:40
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()) })
- JQuery学习(5)事件(2)
- jQuery学习笔记:事件
- jquery学习 change 事件
- jQuery 学习十二(事件)
- jQuery学习之---事件
- jQuery 学习十二(事件)
- jquery事件学习
- jQuery学习之事件
- Jquery事件学习笔记
- JQUERY 自定义事件学习
- jQuery事件学习总结
- jQuery事件学习笔记
- jQuery学习笔录5(jQuery中的事件)
- w3school学习3-jQuery 事件
- jQuery学习(三)事件
- Jquery学习---选择器与事件
- Jquery学习---选择器与事件
- jQuery学习(三) 事件
- Linux下游戏大作赏析(一)
- Android中uri的组成
- Linux下游戏大作赏析(二)
- Linux下游戏大作赏析(三)
- apache common-io 读取文件
- JQuery学习(5)事件(2)
- hdu1071 (积分求面积)
- Intent 解析
- C#中的数据库连接——WinForm程序中两份mdf文件问题的解决
- NYOJ 汉诺塔(一)南工88
- VS2010类向导窗口太大
- 对邮箱的验证
- 点击按钮查看上一张或下一张图片
- JQuery邮箱验证