编程 Javascript

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>

jquery中的on方法使用介绍

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值

Jun 28 Javascript

Extjs中使用extend(js继承) 的代码

Mar 15 Javascript

js实现键盘控制DIV移动的方法

Jan 10 Javascript

jQuery实现textarea自动增长宽高的方法

Dec 18 Javascript

Underscore之Array_动力节点Java学院整理

Jul 10 Javascript

JavaScript数据结构之双向链表和双向循环链表的实现

Nov 28 Javascript

jQuery第一次运行页面默认触发点击事件的实例

Jan 10 jQuery

JavaScript中join()、splice()、slice()和split()函数用法示例

Aug 24 Javascript

vue插件draggable实现拖拽移动图片顺序

Dec 01 Javascript

微信小程序云开发实现云数据库读写权限

May 17 Javascript

es6中new.target的作用和使用场景简单示例分析

Mar 14 Javascript

一篇文章学会Vue中间件管道

Jun 20 Vue.js

从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