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 相关文章推荐
event.srcElement+表格应用
Aug 29 Javascript
IE不出现Flash激活框的小发现的js实现方法
Sep 07 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 Javascript
绑定回车enter事件代码
May 18 Javascript
原生JS简单实现ajax的方法示例
Nov 29 Javascript
B/S(Web)实时通讯解决方案分享
Apr 06 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
Aug 22 Javascript
webpack常用构建优化策略小结
Nov 21 Javascript
JavaScript快速调试的两个技巧
Nov 04 Javascript
Vue3.0写自定义指令的简单步骤记录
Jun 27 Vue.js
从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
一个可以删除字符串中HTML标记的PHP函数
2006/10/09 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
thinkphp5框架API token身份验证功能示例
2019/05/21 PHP
PHP实现的62进制转10进制,10进制转62进制函数示例
2019/06/06 PHP
javascript第一课
2007/02/27 Javascript
IE浏览器PNG图片透明效果代码
2008/09/02 Javascript
javascript css styleFloat和cssFloat
2010/03/15 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例
2016/12/30 NodeJs
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
JavaScript函数节流和函数去抖知识点学习
2018/07/31 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
vue-router实现嵌套路由的讲解
2019/01/19 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
微信小程序中网络请求缓存的解决方法
2019/12/29 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
利用python实现简单的循环购物车功能示例代码
2017/07/05 Python
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
python实现最长公共子序列
2018/05/22 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
python多线程并发实例及其优化
2019/06/27 Python
python中对数据进行各种排序的方法
2019/07/02 Python
python 批量修改 labelImg 生成的xml文件的方法
2019/09/09 Python
python根据文本生成词云图代码实例
2019/11/15 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
python退出循环的方法
2020/06/18 Python
亿企通软件测试面试题
2012/04/10 面试题
学生拾金不昧表扬信
2014/01/21 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android
python中filter,map,reduce的作用
2022/06/10 Python