事件执行JQuery学习(5)事件(2)-java教程

最近使用开发的过程中出现了一个小问题,顺便记录一下原因和法方--事件执行

    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())
            })

    
 

 

文章结束给大家分享下程序员的一些笑话语录: N多年前,JohnHein博士的一项研究表明:Mac用户平均IQ要比PC用户低15%。超过6000多的参加者接受了测试,结果清晰的显示IQ比较低的人会倾向于使用Mac。Mac用户只答对了基础问题的75%,而PC用户却高达83%。

posted @ 2013-04-24 13:25  坚固66  阅读(151)  评论(0编辑  收藏  举报