jquery为元素绑定事件

最新推荐文章于 2023-07-07 16:55:54 发布

chenqiong1991

最新推荐文章于 2023-07-07 16:55:54 发布

阅读量263

点赞数

分类专栏：学习笔记 jquery插件学习笔记文章标签： jquery 绑定事件

本文链接：https://blog.csdn.net/chenqiong1991/article/details/69788024

版权

学习笔记同时被 2 个专栏收录

45 篇文章 2 订阅

订阅专栏

jquery插件学习笔记

12 篇文章 0 订阅

订阅专栏

写在前面

为HTML元素绑定新的事件。

代码

<button id="bind_button">绑定单击事件</button>
<div id="log">日志记录：</div>
<script>
    function myBindFunc(e) {
        $("#log").html($("#log").html()+"<p>"+e.data.d1+e.data.d2+"</p>");
    }
    $(function () {
       $("#bind_button").bind("click",{d1:"jquery",d2:"已绑定"},myBindFunc);
    });
</script>

当选定的HTML元素被单击时，bind函数中传入的参数就会添加到指定的div中。

全文代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>007_jquery</title>
    <script src="../../lib/jquery/jquery.js"></script>
</head>
<body>
<button id="bind_button">绑定单击事件</button>
<div id="log">日志记录：</div>
<script>
    function myBindFunc(e) {
        $("#log").html($("#log").html()+"<p>"+e.data.d1+e.data.d2+"</p>");
    }
    $(function () {
       $("#bind_button").bind("click",{d1:"jquery",d2:"已绑定"},myBindFunc);
    });
</script>
</body>
</html>

写在后面

功能比较简单。后续拓展。

chenqiong1991

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery为元素绑定事件

写在前面为HTML元素绑定新的事件。代码<button id="bind_button">绑定单击事件</button><div id="log">日志记录：</div><script> function myBindFunc(e) { $("#log").html($("#log").html()+"<p>"+e.data.d1+e.data.d2+"</p>");
复制链接

扫一扫