一、jquery为多个选择器绑定同一个事件
$("#start,#end").on("click",function(){
alert("The paragraph was clicked.");
});
二、多个事件绑定同一个函数
$("p").on("mouseover mouseout",function(){
$("p").toggleClass("intro");
});
三、多个事件绑定不同函数
$("p").on({
mouseover:function(){$("div").css("background-color","lightgray");},
mouseout:function(){$("div").css("background-color","lightblue");},
click:function(){$("div").css("background-color","yellow");}
});
四、多个选择器, 对应不同的事件, 执行相同的函数
//给搜索按钮绑定点击事件,点击发送请求跳转
$("#searchBtn").click(function () {
search();
});
//给输入框绑定事件,按下回车,发送请求跳转
$(".search_input").keydown(function () {
if (event.keyCode === 13) {
search();
}
});
//不同选择器,不同事件,实现相同的功能: 提取该功能成为一个独立的方法即可
function search() {
//Do something...
}
五、多个选择器, 不同的事件, 不同的执行函数
这就不用说了吧,什么都不一样,那就分开单独写就行了