22、采用JQuery实现事件的绑定、解绑、切换

最新推荐文章于 2023-09-25 07:28:36 发布

l0510402015

最新推荐文章于 2023-09-25 07:28:36 发布

阅读量465

点赞数 1

分类专栏： 12_JQuery

本文链接：https://blog.csdn.net/l0510402015/article/details/106102074

版权

本文详细介绍了如何使用JQuery进行事件处理，包括标准的事件绑定方式，利用on和off方法进行事件绑定和解绑，以及toggle方法实现事件的切换。示例包括鼠标点击、移入、移除的响应，按钮点击触发提示框以及改变背景色等操作。

摘要由CSDN通过智能技术生成

事件绑定：就是通过JQuery方法给对象绑定一些时间
    1. jquery标准的绑定方式
        * jq对象.事件方法(回调函数)；
        * 注：
            （1）如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。比如：
                * jq对象.focus(); //会让jq对象自动获得焦点
                * 表单对象.submit();//让表单提交
            （2）一个对象可以绑定多个事件方法，而且可以采用链式编程方式，当然如果事件方法太多，就不建议采用链式。
    2. on绑定事件/off解除绑定
        * jq对象.on("事件名称",回调函数)
        * jq对象.off("事件名称")
            * 如果off方法不传递任何参数（也就是没有写上面的"事件名称"），则将组件上的所有事件全部解绑
    3. 事件切换：toggle
        * jq对象.toggle(fn1,fn2...)
            * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2，第n此点击，执行fnn，如果超过了n此，则重头循环。

        * 注意：1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。
             <script src="../js/jquery-migrate-1.0.0.j