JQuery一个对象可以同时绑定多个事件,这是如何实现的?

①$(document).ready(function() {
    $("button").bind({
        click: function() {
            $("p").slideToggle()
        },
        mouseover: function() {
            $("body").css("background-color", "red");
        },
        mouseout: function() {
            $("body").css("background-color", "#fffffff")
        };
    });

});

②$(function() {
    $('#btn').bind("click",
    function() {
        $("#test").append("<p>我的绑定函数1</p>");
    }),bind("click",
    function() {
        $("#test").append("<p>我的绑定函数2</p>");
    }),
    bind("click",
    function() {
        $("#test").append("<p>我的绑定函数3</p>")
    });

});

③为元素一次性绑定多个事件类型$(function() {
    $("div").bind("mouseover mouseout",
    function() {
        $(this).toggleClass("over");
    });
}); 

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题