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 列表双向选择器之改进版
Aug 09 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
Javascript 计算字符串在localStorage中所占字节数
Oct 21 Javascript
基于jquery实现日历签到功能
Sep 11 Javascript
用jquery获取自定义的标签属性的值简单实例
Sep 17 Javascript
js实现的光标位置工具函数示例
Oct 03 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
Jan 30 Javascript
详解vue-router 初始化时做了什么
Jun 11 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
js实现蒙版效果
Jan 11 Javascript
JavaScript 中的无穷数(Infinity)详解
Feb 13 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生成验证码时“图像因其本身有错无法显示”的解决方法
2013/08/07 PHP
php生成百度sitemap站点地图类函数实例
2014/10/17 PHP
ArrayList类(增强版)
2007/04/04 Javascript
Javascript 实用小技巧
2010/04/07 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
用队列模拟jquery的动画算法实例
2015/01/20 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
JS+CSS实现DIV层的展开、收缩效果
2016/01/28 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
2020/03/26 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
D3.js中强制异步文件读取同步的几种方法
2017/02/06 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
[01:11:28]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第一场 1月8日
2021/03/11 DOTA
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
利用python发送和接收邮件
2016/09/27 Python
python中模块的__all__属性详解
2017/10/26 Python
python将list转为matrix的方法
2018/12/12 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
通过Python实现一个简单的html页面
2020/05/16 Python
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
亚马逊意大利站点:Amazon.it
2020/12/31 全球购物
促销活动方案模板
2014/02/24 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
专题组织生活会方案
2014/06/15 职场文书
2014年团总支工作总结
2014/11/21 职场文书
幸福终点站观后感
2015/06/04 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书