首页 > 软件开发 > JQUERY >

jQuery event处理函数的触发/添加/移除

来源:互联网 2023-03-17 00:46:36 349

本经验介绍在jQuery编程中,click,focus,mouseenter,keydown等等jQuery event的处理函数的添加和移除办法。uP0办公区 - 实用经验教程分享!

jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

工具/原料

  • Firefox

方法/步骤

  • 1

    首先,以如图网页为例。在网页中选择一个标签(如图a标签上没有任何jQuery事件),进行实验。uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

  • 1该信息未经授权抓取自百度经验
  • 2

    查看这个标签的类名class。在控制台使用jQuery选取,得到两个标签沃裕,如图。uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

  • 3

    在原本的.tb-tit-tab2后面加上:nth-child(1),获取第一个元素。uP0办公区 - 实用经验教程分享!

    第一种event触发方式是:使用.event名称()。使用.click()触发点击event。uP0办公区 - 实用经验教程分享!

    第二种触发方式是:使用.trigger('event名称')uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

  • 4

    这两种都无法传递event对象。使用:uP0办公区 - 实用经验教程分享!

    .trigger(event对象),根据event对象触发event。这样,在态绵撤处理函数function(e){...}中获取到的e就是event对象。uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

  • 5

    如果要添加event处理函数,而不是触发,第一种方法是使用如图方式:uP0办公区 - 实用经验教程分享!

    .click/.mouseenter/.focus/.blur等等。uP0办公区 - 实用经验教程分享!

    .click(一个案光函数),是添加event处理函数;.click(),则是触发点击。uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

  • 6

    如果要移除event处理函数,如图:uP0办公区 - 实用经验教程分享!

    unbind('event名称'),将移除所有这个event对应的的处理函数。uP0办公区 - 实用经验教程分享!

    unbind(),将移除所有的jQuery event的处理函数。uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

  • 7

    如图演示了unbind的第三种用法:uP0办公区 - 实用经验教程分享!

    unbind('event名称', 处理函数),只移除某个特定的处理函数。uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

    jQuery event处理函数的触发/添加/移除uP0办公区 - 实用经验教程分享!

  • 注意事项

    • 给event添加处理函数还可以使用bind方法,bind可以用来添加自定义event,此处略去介绍。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!uP0办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码