jQuery自定义事件的简单实现代码
2014-01-27 00:00
513 查看
一、需求原因
虽然JQuery为我们定义了许多的事件,但是有时候还是不能满足我们的要求,故本例实现一个自定义事件实现的例子。
二、具体实现
虽然JQuery为我们定义了许多的事件,但是有时候还是不能满足我们的要求,故本例实现一个自定义事件实现的例子。
二、具体实现
<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"> <title>自定义事件</title> <script language="JavaScript"src="../jQuery/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function(){ $("#btn").bind("myClick",function(){ $("#test").append("自定义事件").append($("<br>")); }); $("#btn").click(function(){ $(this).trigger("myClick"); }); }); </script> </head> <body> <input id="btn" type="button" value="点我"> <div id="test"></div> </body> </html>
相关文章推荐
- jQuery自定义事件的简单实现代码
- 简单的代码实现jquery定时器
- Jquery超简单遮罩层实现代码
- 用一句JQuery代码实现表格的简单筛选
- jQuery简单实现两级下拉菜单效果代码
- 基于JQuery的简单实现折叠菜单代码
- jQuery简单几行代码实现tab切换
- 基于JQuery的简单实现折叠菜单代码
- 编写自己的jQuery插件简单实现代码
- 基于jQuery的简单九宫格实现代码
- 兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
- Jquery超简单遮罩层实现代码
- Jquery超简单遮罩层实现代码
- jQuery登陆判断简单实现代码
- 利用jQuery实现CheckBox全选/全不选/反选的简单代码
- 简单的代码实现jquery定时器
- jQuery简单实现两级下拉菜单效果代码
- jquery 简单的进度条实现代码
- jQuery简单实现仿京东商城的左侧菜单效果代码
- jquery实现简单瀑布流代码