jQuery的on方法和bind绑定多个事件
2015-07-07 17:22
721 查看
on方法是官方推荐使用的方法比较新
1. on:
多个事件绑定同一个函数
$(document).ready(function(){
$("p").on("mouseover mouseout",function(){
$("p").toggleClass("intro");
});
});
多个事件绑定不同函数
$(document).ready(function(){
$("p").on({
mouseover:function(){$("body").css("background-color","lightgray");},
mouseout:function(){$("body").css("background-color","lightblue");},
click:function(){$("body").css("background-color","yellow");}
});
});
2. bind:
$("#registerBtn").bind("click dblclick", function(){
location.href = "register.html";
});
1. on:
多个事件绑定同一个函数
$(document).ready(function(){
$("p").on("mouseover mouseout",function(){
$("p").toggleClass("intro");
});
});
多个事件绑定不同函数
$(document).ready(function(){
$("p").on({
mouseover:function(){$("body").css("background-color","lightgray");},
mouseout:function(){$("body").css("background-color","lightblue");},
click:function(){$("body").css("background-color","yellow");}
});
});
2. bind:
$("#registerBtn").bind("click dblclick", function(){
location.href = "register.html";
});
相关文章推荐
- jQuery RemoveAttr(checked)之后再Attr(checked)属性无效果的原因分析
- javaScript & jquery完美判断图片是否加载完毕
- jQuery操作select
- django-simple-captcha & jquery validate
- jQuery 遍历 - slice() 方法
- Jquery 总结
- jQueryEasyUI 学习笔记
- jQuery Datatable 实用简单实例
- 关于jQuery的Validate插件的使用
- jquery.jqzoom.js图片放大镜
- jq仿京东图片放大效果
- jquery datatable
- jQueryEasyUi验证
- jQuery画廊插件-GalleryView
- JQuery Mobile开发中遇到的问题
- jQuery动画的hover连续触发动画bug处理
- jquery获取多个checkbox的值异步提交给php
- jQuery Plugins Validate
- jquery 触屏滑动+定时滚动
- 浅谈jQuery中setInterval()方法