jQuery自定义事件的简单实现代码
2018-10-12 14:01
507 查看
一、需求原因
虽然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实现简单的列表式导航菜单效果代码
- jQuery简单几行代码实现tab切换
- 简单实用jquery实现数字读秒的倒计时代码
- Jquery拖拽并简单保存的实现代码
- jquery 简单的进度条实现代码
- Jquery超简单遮罩层实现代码
- jQuery判断元素是否显示 是否隐藏的简单实现代码
- 编写自己的jQuery插件简单实现代码
- Jquery超简单遮罩层实现代码
- 基于JQuery的简单实现折叠菜单代码
- jquery 跳到顶部和底部动画2句代码简单实现
- Jquery实现简单的轮播效果(代码管用)
- Jquery超简单遮罩层实现代码
- 简单的代码实现jquery定时器