jquery 动态添加onclick事件
2015-07-31 11:35
495 查看
<!DOCTYPE html>
<html>
<head>
<title>练习选择器</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<p>
<button class="b">test</button>
<button class="b1">test1</button>
</p>
<script type="text/javascript">
$(".b1").click(function(){
$(".b").bind("click",function() { test(1) });
})
function test(i){alert(i)}
</script>
</body>
</html>
这样就可以通过点击test1给test添加点击事件了。这是有参数的情况如果不需要传递参数那么可以改成这样
$(".b").bind("click",test );
如果写成
$(".b").bind("click",test() );或者
$(".b").bind("click",test(1));这就变成了函数调用了。
<html>
<head>
<title>练习选择器</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<p>
<button class="b">test</button>
<button class="b1">test1</button>
</p>
<script type="text/javascript">
$(".b1").click(function(){
$(".b").bind("click",function() { test(1) });
})
function test(i){alert(i)}
</script>
</body>
</html>
这样就可以通过点击test1给test添加点击事件了。这是有参数的情况如果不需要传递参数那么可以改成这样
$(".b").bind("click",test );
如果写成
$(".b").bind("click",test() );或者
$(".b").bind("click",test(1));这就变成了函数调用了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery 效果 - animate() 方法
- jquery清空表单数据
- jquery中这句 .stop(false,true); 什么意思。
- jQuery 如何操作cookie (网上资料太乱,故特意整理最简单的)
- jQuery 事件 - mouseleave() 方法
- jquery 控制 select 选中
- jQuery JSON转换 数组转字符串 获取显示器长宽
- jQuery.hover() 函数详解
- JQuery实现导航效果、新闻滚动、广告效果、横向滚动
- 轻量级网页遮罩层jQuery插件用法实例
- jquery全局变量---同步请求设置
- jquery遍历，选择器等等
- jquery复选框 选中事件 及其判断是否被选中
- jQuery tablesorter 插件使用
- jquery 插件
- jQuery最佳实践
- jquery parent和parents,children和find
- 240多个jQuery插件
- 基于jQuery扁平多颜色选项卡切换代码
- 使用Jquery validation组件对easyui-datebox组件的时间进行验证遇到的问题