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提交到服务器修改数据
Dec 27 Javascript
event.X和event.clientX的区别分析
Oct 06 Javascript
复制js对象方法(详解)
Jul 08 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 Javascript
javascript 数组的定义和数组的长度
Jun 07 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
jQuery继承extend用法详解
Oct 10 Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
React.js中常用的ES6写法总结(推荐)
May 09 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
javascript定时器的简单应用示例【控制方块移动】
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
PHP 类型转换函数intval
2009/06/20 PHP
一些php技巧与注意事项分析
2011/02/03 PHP
php多文件上传功能实现原理及代码
2013/04/18 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
php中JSON的使用与转换
2015/01/14 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
php使用imagecopymerge()函数创建半透明水印
2018/01/25 PHP
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
Google (Local) Search API的简单使用介绍
2013/11/28 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
百度搜索框智能提示案例jsonp
2016/11/28 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
2017/07/19 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
利用Python查看目录中的文件示例详解
2017/08/28 Python
python数据封装json格式数据
2018/03/04 Python
python实现linux下抓包并存库功能
2018/07/18 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
html5如何及时更新缓存文件(js、css或图片)
2013/06/24 HTML / CSS
Html5 Geolocation获取地理位置信息实例
2016/12/09 HTML / CSS
无工作经验者个人求职信范文
2013/12/22 职场文书
美丽乡村建设实施方案
2014/03/23 职场文书
雷锋式好少年事迹材料
2014/08/17 职场文书
交通事故和解协议书
2014/09/25 职场文书
2015年园林绿化工作总结
2015/05/23 职场文书
宝葫芦的秘密观后感
2015/06/11 职场文书
新学期开学标语2015
2015/07/16 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS