jquery中的on方法使用介绍
更新时间：2013年12月29日 16:41:57 作者：
使用jquery的朋友对其中的on方法并不陌生吧，下面为大家介绍下此方法的具体使用，感兴趣的朋友可以参考下
复制代码 代码如下:
<!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的ajax和getJson跨域获取json数据的实现方法
本篇文章主要是对jquery的ajax和getJson跨域获取json数据的实现方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
jquery序列化form表单使用ajax提交后处理返回的json数据
这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下2014-03-03
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
这篇文章主要介绍了快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突问题，感兴趣的小伙伴们可以参考一下2016-04-04
下面小编就为大家带来一篇使用jQuery实现动态添加小广告。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
jquery mobile的触控点击事件会多次触发问题的解决方法
这篇文章主要介绍了jquery mobile的触控点击事件会多次触发问题的解决方法以及替代方法,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery length 和 size()区别总结,在这里length是属性，size()是方法，需要的朋友可以参考下2018-04-04
下面小编就为大家带来一篇jquery模拟多级复选框效果的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
导航条背景切换的效果，想必大家在浏览网页时可能会碰到过，下面为大家介绍下使用jquery如何实现，具体思路及代码如下，感兴趣的朋友可以参考下2013-09-09
这篇文章主要介绍了jQuery中size()方法用法,实例分析了size()方法返回对象集合中元素数目的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了基于jQuery实现多标签页切换的效果(web前端开发)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
最新评论