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 相关文章推荐
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
Nov 08 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
用原生js做单页应用
Jan 17 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
Vue源码中要const _toStr = Object.prototype.toString的原因分析
Dec 09 Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 Javascript
AngularJS动态生成select下拉框的方法实例
Nov 17 Javascript
Vue中key的作用示例代码详解
Jun 10 Javascript
解决vue+webpack项目接口跨域出现的问题
Aug 10 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 编写的日历
2006/10/09 PHP
PHP中PDO基础教程 入门级
2011/09/04 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
PHP CURL 多线程操作代码实例
2015/05/13 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
Three.js源码阅读笔记(物体是如何组织的)
2012/12/27 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
jQuery插件windowScroll实现单屏滚动特效
2015/07/14 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
ionic2打包android时gradle无法下载的解决方法
2017/04/05 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
Vue-resource拦截器判断token失效跳转的实例
2017/10/27 Javascript
浅谈Vue 数据响应式原理
2018/05/07 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
Element Input组件分析小结
2018/10/11 Javascript
js实现移动端吸顶效果
2020/01/08 Javascript
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
Python中捕获键盘的方式详解
2019/03/28 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
Django后台admin的使用详解
2019/07/08 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
使用Python脚本从文件读取数据代码实例
2020/01/19 Python
10 套华丽的CSS3 按钮小结
2012/10/03 HTML / CSS
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
关于运动会的宣传稿
2015/07/23 职场文书