jquery事件（普通事件（单击，双击，隐藏），绑定自定义）

最新推荐文章于 2025-04-27 13:20:06 发布

GuanJINP

最新推荐文章于 2025-04-27 13:20:06 发布

阅读量1.1k

点赞数

分类专栏： jquery 文章标签： html jquery jquery事件

本文链接：https://blog.youkuaiyun.com/weixin_42617075/article/details/81948669

版权

jquery 专栏收录该内容

10 篇文章

订阅专栏

1.常用事件（单击事件，双击事件，隐藏事件）

//先把jquery.js文件引入进去，然后在引入自己.js文件
<script src="jquery.min.js" type="text/javascript"></script>
    <script src="eventmethod.js"></script>

body

//写一个button
<body>
<button> Tell Me Why</button>

</body>

.js文件

$(document).ready(function () {
    // click 单击事件
     $("button").click(function () {
    //  dblclick  双击 事件
     $("button").dblclick(function () {
    // 当鼠标滑到相应的位置上时自动隐藏了
    $("button").mouseenter(function () {
        // hide 隐藏
        $(this).hide();
    })
})

2.自定义事件

<body>
<button id="classme">按钮</button>
</body>

js文件

//声明一个，方便直接调用 classme就行
var classme;
$(document).ready(function () {
    classme=$("#classme");
    classme.click(function () {
        //通过 jQuery.Event （创建自己的事件）
        var e = jQuery.Event("deed"); 
        // 触发 input 元素的e 的事件
       classme.trigger(e);
    });
    //自定义事件  ： deed  这时的属性就是 type ：deed
    // 绑定事件  bind
   classme.bind("deed",function (event) {
          console.log(event)
    })
});