①$(document).ready(function() {
$("button").bind({
click: function() {
$("p").slideToggle()
},
mouseover: function() {
$("body").css("background-color", "red");
},
mouseout: function() {
$("body").css("background-color", "#fffffff")
};
});
function() {
$("#test").append("<p>我的绑定函数1</p>");
}),bind("click",
function() {
$("#test").append("<p>我的绑定函数2</p>");
}),
bind("click",
function() {
$("#test").append("<p>我的绑定函数3</p>")
});
function() {
$(this).toggleClass("over");
});
});
$("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");
});
});