jquery中的on方法使用介绍


Posted in Javascript onDecember 29, 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<title></title> 
</head> 
<body> 
<input type="button" value="test" id="test"/> 
<script type="text/javascript"> 
$(function(){ 
$("#test").hello({ 
"size":1 
}); 
}); 
</script> 
<script type="text/javascript"> 
;(function($){ 
$.fn.hello = function(options){ 
var defaults = {"size":0}, opts = $.extend({},defaults,options), 
show = { 
play:function(options){ 
var _root = this; 
_root.autoPlay(); 
_root.eventClick(); 
}, 
autoPlay:function(){ 
console.log("auto"); 
}, 
eventClick:function(){ 
//$("#test").on("click",{show:"dd"},function(e){ 
// console.log("click :" + e.data.show); 
//}); 
$("#test").on({ 
click:function(){ 
alert("click"); 
}, 
mouseenter:function(){ 
alert("enter"); 
}, 
mouseleave:function(){ 
alert("leave"); 
} 
}); 
} 
}; 
return this.each(function(){ 
show.play(opts); 
}); 
}; 
})(jQuery); 
</script> 
</body> 
</html>
Javascript 相关文章推荐
看了就知道什么是JSON
Dec 09 Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 Javascript
jQuery代码优化 选择符篇
Nov 01 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
jquery组件使用中遇到的问题整理及解决
Feb 21 Javascript
详解js图片轮播效果实现原理
Dec 17 Javascript
微信小程序实现滴滴导航tab切换效果
Jul 24 Javascript
vue-lazyload使用总结(推荐)
Nov 01 Javascript
使用Vue CLI创建typescript项目的方法
Aug 09 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
Sep 04 Javascript
从js向Action传中文参数出现乱码问题的解决方法
Dec 29 #Javascript
js data日期初始化的5种方法
Dec 29 #Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 #Javascript
css3元素简单的闪烁效果实现(html5 jquery)
Dec 28 #Javascript
js动态调用css属性的小规律及实例说明
Dec 28 #Javascript
JQuery的$命名冲突详细解析
Dec 28 #Javascript
js中call与apply的用法小结
Dec 28 #Javascript
You might like
生成静态页面的php函数,php爱好者站推荐
2007/03/19 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
php更新cookie内容的详细方法
2019/09/30 PHP
javascript延时重复执行函数 lLoopRun.js
2007/06/29 Javascript
javascript URL编码和解码使用说明
2010/04/12 Javascript
js实现上传图片之上传前预览图片
2013/03/25 Javascript
使用js在页面中绘制表格核心代码
2013/09/16 Javascript
Javascript中的五种数据类型详解
2014/12/26 Javascript
javascript的switch用法注意事项分析
2015/02/02 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
JS+CSS实现简单的二级下拉导航菜单效果
2015/09/21 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
JavaScript实现九九乘法表的简单实例
2016/06/07 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
vuejs实现递归树型菜单组件
2018/01/13 Javascript
vue二级路由设置方法
2018/02/09 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
js最全的数组的降维5种办法(小结)
2020/04/28 Javascript
python字符串替换示例
2014/04/24 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
Python闭包的两个注意事项(推荐)
2017/03/20 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
详解python里的命名规范
2018/07/16 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
Python numpy.zero() 初始化矩阵实例
2019/11/27 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
基于python实现检索标记敏感词并输出
2020/05/07 Python
python实现视频压缩功能
2020/12/18 Python
项目合作协议书
2014/04/16 职场文书
财政局长个人总结
2015/03/04 职场文书
python OpenCV学习笔记
2021/03/31 Python
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python