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实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
Feb 27 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
Nov 19 Javascript
javascript的switch用法注意事项分析
Feb 02 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
jQuery弹层插件jquery.fancybox.js用法实例
Jan 22 Javascript
javascript表单控件实例讲解
Sep 13 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
javascript 初学教程及五子棋小程序的简单实现
Jul 04 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
Mar 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处理json时中文问题的解决方法
2011/04/12 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
完美解决phpdoc导出文档中@package的warning及Error的错误
2016/05/17 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
文件上传,iframe跨域数据提交的实现
2016/11/18 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
javascript 作用于作用域链的详解
2017/09/27 Javascript
vue slot 在子组件中显示父组件传递的模板
2018/03/02 Javascript
解决VUE中document.body.scrollTop为0的问题
2018/09/15 Javascript
JavaScript常用工具方法封装
2019/02/12 Javascript
vue elementUI 表单校验功能之数组多层嵌套
2019/06/04 Javascript
vue keep-alive 动态删除组件缓存的例子
2019/11/04 Javascript
Cpy和Python的效率对比
2015/03/20 Python
python简单实现操作Mysql数据库
2018/01/29 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
Python中遍历列表的方法总结
2019/06/27 Python
python利用os模块编写文件复制功能——copy()函数用法
2020/07/13 Python
PyCharm配置anaconda环境的步骤详解
2020/07/31 Python
python 浮点数四舍五入需要注意的地方
2020/08/18 Python
html5 的a标签 Href 拨电话的写法
2013/11/04 HTML / CSS
餐饮业创业计划书范文
2014/01/06 职场文书
电工工作职责范本
2014/02/22 职场文书
产假请假条
2014/04/10 职场文书
小学教师个人工作总结2015
2015/04/20 职场文书
入党介绍人考察意见
2015/06/01 职场文书
给学校的建议书400字
2015/09/14 职场文书
职业生涯规划书之大学四年
2019/08/07 职场文书
CSS 新特性 contain控制页面的重绘与重排问题
2021/04/30 HTML / CSS
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
Python3.8官网文档之类的基础语法阅读
2021/09/04 Python
攻击最高的10只幽灵系神奇宝贝,坚盾剑怪排第一,第五最为可怕
2022/03/18 日漫