jQuery on的用法

最新推荐文章于 2021-08-18 11:10:24 发布

原创最新推荐文章于 2021-08-18 11:10:24 发布 · 372 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #on

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了jQuery的on方法的使用方式，包括如何绑定事件、事件类型、选择器及回调函数的应用，同时展示了如何取消事件绑定。

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

JQuery的on方法

    on()绑定一个事件或多个事件

    语法：on(events,[selector],[data],fn)

Events:事件类型，比如：click、mouseout、keydown

Selector：可忽略发生事件的内容

Fn:要执行的函数。

$(function(){

           $('#but').on({

              click:function(){

                  alert('我点击了一次');

              },

              mouseout:function(){

                  alert('我的鼠标离开了');

              }

           })

       })

<inputid="but" type="button" value="点击">

Off()取消事件

$('#but').on('click',function(){

              alert('on绑定了一个点击事件');

});

$('#but1').on('click',function(){

       $('#but').off('click');

})

<inputid="but" type="button" value="点击">

<inputid="but1" type="button" value="取消点击事件">