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 相关文章推荐
常用的javascript function代码
May 23 Javascript
javascript Excel操作知识点
Apr 24 Javascript
jQuery的实现原理的模拟代码 -2 数据部分
Aug 01 Javascript
jquery中this的使用说明
Sep 06 Javascript
Android中资源文件(非代码部分)的使用概览
Dec 18 Javascript
基于jquery插件实现常见的幻灯片效果
Nov 01 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
Jun 24 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
JS实现浏览器打印、打印预览示例
Feb 28 Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
Nov 02 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
浅析echo(),print(),print_r(),return之间的区别
2013/11/27 PHP
codeigniter数据库操作函数汇总
2014/06/12 PHP
laravel Validator ajax返回错误信息的方法
2019/09/29 PHP
使用Apache的rewrite
2021/03/09 Servers
如何在Web页面上直接打开、编辑、创建Office文档
2007/03/12 Javascript
jquery 表单下所有元素的隐藏
2009/07/25 Javascript
juqery 学习之三 选择器 可见性 元素属性
2010/11/25 Javascript
javascript定义函数的方法
2010/12/06 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
JavaScript取得键盘按下方向键是哪个的方法
2015/08/04 Javascript
js操作数组函数实例小结
2015/12/10 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
2016/08/11 Javascript
JavaScript中 ES6 generator数据类型详解
2016/08/11 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
Python实现子类调用父类的方法
2014/11/10 Python
Python中使用第三方库xlrd来读取Excel示例
2015/04/05 Python
Python的Flask框架与数据库连接的教程
2015/04/20 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
对Python通过pypyodbc访问Access数据库的方法详解
2018/10/27 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
详解python中GPU版本的opencv常用方法介绍
2020/07/24 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
Ubuntu20下的Django安装的方法步骤
2021/01/24 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
建筑设计师岗位职责
2013/11/18 职场文书
倡议书格式
2014/04/14 职场文书
学校学雷锋活动总结
2014/06/26 职场文书
标枪加油稿
2015/07/22 职场文书
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL