jquery中的on方法使用介绍
2018-10-12 14:03
477 查看
<!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方法使用介绍
- JQuery 1.7.2 API中bind(),on(),live()和delegate()方法的使用
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- jQuery fadeTo方法调整图片的透明度使用介绍
- jquery $(this).attr $(this).val方法使用介绍
- jQuery 选择器多个使用方法介绍
- jQuery事件 delegate()使用方法介绍
- JQuery中的bind、delegate、on、live方法的区别及简单介绍
- jquery选择器原理介绍($()使用方法)
- Jquery 的outerHeight方法使用介绍
- jquery新的绑定事件机制on方法的使用方法
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- JQuery中的bind、delegate、on、live方法的区别及简单介绍
- jquery $(this).attr $(this).val方法使用介绍
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- JQuery onload、ready概念介绍及使用方法
- JQuery基本方法介绍和使用
- 使用Asp.net Mvc3 Razor视图方式扩展JQuery UI Widgets方法介绍
- jquery操作中使用window.onbeforeload()方式无法解除事件的方法
- jQuery的事件处理方法介绍-bind(),live(),delegate(),on()