jquery 动态添加onclick事件

最新推荐文章于 2023-08-01 14:27:18 发布

bajiudongfeng

最新推荐文章于 2023-08-01 14:27:18 发布

阅读量6.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/bajiudongfeng/article/details/47167789

本文介绍了如何使用jQuery为网页元素添加点击事件，并详细解释了如何在有参数和无参数的情况下实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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));这就变成了函数调用了。