初识Jquery（三）Jquery事件

绑定事件

$(function(){
    $("#head li").mouseover(function(){
        $(this).addClass("current");//鼠标移入
    });
    $("#head li").mouseout(function(){
        $(this).removeClass("current");//鼠标移除
    })
})

bind()为每个选择元素的事件绑定多个处理函数

$(function(){
    $("#head li").bind({"mouseover":function(){
        $(this).addClass("current");//鼠标移入
    },"mouseout":function(){
        $(this).removeClass("current");//鼠标移除
    })
})

切换事件

hover()方法

$(function(){
    $("#head li").hover(function(){
        $(this).addClass("current");//鼠标移入
    },
    function(){
        $(this).removeClass("current");//鼠标移除
    })
})

toggle()方法(jquery1.9.1以上的版本不再支持toggle()方法来依次调用n个指定的函数)

$(function(){
    $("img").toggle(
        function(){
            $(this).attr("src","1.jpg");
        },
        function(){
            $(this).attr("src","2.jpg");
        },
        function(){
            $(this).attr("src","1.jpg");
        },
    )
})

其他事件

one()方法（一个仅触发一次的处理函数）

$("img").one("click",function(){
    $(this).attr("width","12px");
});

trigger()方法(在选择的元素上触发指定类型的事件)

$(function(){
    $("#txtName").trigger("select");
})