首页 > 软件开发 > JavaScript >

jquery绑定点击事件的方法

来源:互联网 2023-03-17 00:02:11 360

在jquery中,标签元素可以绑定不同的事件,如按钮的点击事件。那么,在jquery中绑定点击事件的方法有哪些?j3E办公区 - 实用经验教程分享!

jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

工具/原料

  • jquery
  • JavaScript
  • HTML5
  • CSS3
  • HBuilderX
  • WPS
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    双击打开HBuilderX工具,新建Web项目并在pages文件夹,新建一个静态页面bind.html,并引入jquery核心文件j3E办公区 - 实用经验教程分享!

    jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

  • 1本页面非法爬取自百度经验
  • 2

    在body>/body>标签中,插入一个button按钮,添加id属性值j3E办公区 - 实用经验教程分享!

    jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

  • 3

    在script>/script>标签中,添加按钮点击事件,利用on()方法绑定j3E办公区 - 实用经验教程分享!

    jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

  • 4

    保存代码并运行项目,打开浏览器查看界面效果,点击按钮查看控制台j3E办公区 - 实用经验教程分享!

    jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

  • 5

    将on()方法改为bind()方法,然后保存代码,点击按钮查看打印结果j3E办公区 - 实用经验教程分享!

    jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

  • 6

    在jQuery3.0以下版本中,可以使用delegate()方法绑定点击事件j3E办公区 - 实用经验教程分享!

    jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

  • 7

    除了上述之外,还有live()方法,不过这个方法jQuery1.7后就被废弃了j3E办公区 - 实用经验教程分享!

    jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

  • 总结

    • 1、on()j3E办公区 - 实用经验教程分享!

      2、bind()j3E办公区 - 实用经验教程分享!

      3、live()j3E办公区 - 实用经验教程分享!

      4、delegate()j3E办公区 - 实用经验教程分享!

      jquery绑定点击事件的方法j3E办公区 - 实用经验教程分享!

    注意事项

    • 注意jquery绑定点击事件的方法
    • 注意jquery绑定事件和解绑事件的方法

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


    标签: JQUERYJAVASCRIPT

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