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 相关文章推荐
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 Javascript
javaScript实现浮点数转十六进制字符
Oct 29 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
简单谈谈ES6的六个小特性
Nov 18 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
vuex进阶知识点巩固
May 20 Javascript
Vue 中可以定义组件模版的几种方式
Aug 06 Javascript
vue实现评论列表功能
Oct 25 Javascript
vue-iview动态新增和删除的方法
Jun 17 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
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
PHP分页显示制作详细讲解
2006/10/09 PHP
PHP之变量、常量学习笔记
2008/03/27 PHP
php 日期时间处理函数小结
2009/12/18 PHP
如何用php生成扭曲及旋转的验证码图片
2013/06/07 PHP
php中socket的用法详解
2014/10/24 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
php实现不通过扩展名准确判断文件类型的方法【finfo_file方法与二进制流】
2017/04/18 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
深入领悟JavaScript中的面向对象
2013/11/18 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
2015/08/24 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
2018/12/13 Javascript
如何为你的JavaScript代码日志着色详解
2019/04/08 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
PyQt5每天必学之创建窗口居中效果
2018/04/19 Python
在python plt图表中文字大小调节的方法
2019/07/08 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
Python高级property属性用法实例分析
2019/11/19 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
2020/06/28 Python
毕业论文评语大全
2014/04/29 职场文书
承诺书格式范文
2014/06/03 职场文书
质量安全标语
2014/06/07 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
课外小组活动总结
2014/08/27 职场文书
推普周活动总结
2014/08/28 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
大学生自荐材料范文
2014/12/30 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
PHP命令行与定时任务
2021/04/01 PHP
python基于opencv批量生成验证码的示例
2021/04/28 Python
Java8中Stream的一些神操作
2021/11/02 Java/Android