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 相关文章推荐
客户端静态页面玩分页
Jun 26 Javascript
自己整理的一个javascript日期处理函数
Oct 16 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
jQuery实现图片上传和裁剪插件Croppie
Nov 29 Javascript
Node调用Java的示例代码
Sep 20 Javascript
Node.js之readline模块的使用详解
Mar 25 Javascript
node.js中npm包管理工具用法分析
Feb 14 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
Apr 21 Javascript
js抽奖转盘实现方法分析
May 16 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
Jul 20 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 29 Javascript
JavaScript 闭包的使用场景
Sep 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 冒泡排序 交换排序法
2011/05/10 PHP
推荐一款PHP+jQuery制作的列表分页的功能模块
2014/10/14 PHP
/etc/php-fpm.d/www.conf 配置注意事项
2017/02/04 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
分享8个Laravel模型时间戳使用技巧小结
2020/02/12 PHP
javascript StringBuilder类实现
2008/12/22 Javascript
PHP 与 js的通信(via ajax,json)
2010/11/16 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
jQuery中show与hide方法用法示例
2016/09/16 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
react+redux仿微信聊天界面
2019/06/21 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
python遍历目录的方法小结
2016/04/28 Python
python中的break、continue、exit()、pass全面解析
2017/08/05 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
Python unittest模块用法实例分析
2018/05/25 Python
python实现一个简单的ping工具方法
2019/01/31 Python
Python3安装pip工具的详细步骤
2019/10/14 Python
python中threading开启关闭线程操作
2020/05/02 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
本科毕业生自我鉴定
2013/11/02 职场文书
大学生作弊检讨书
2014/02/19 职场文书
公民代理授权委托书
2014/09/24 职场文书
民间个人借款协议书
2014/09/30 职场文书
干部考察材料范文
2014/12/24 职场文书
赤壁观后感(2)
2015/06/15 职场文书
mysql幻读详解实例以及解决办法
2022/06/16 MySQL