首页 > 软件开发 > JavaScript >

jquery触发事件的方法

来源:互联网 2023-03-17 00:01:16 版权归原作者所有,如有侵权,请联系我们

jquery触发事件的方法。jquery是javascript的库,功能非常强大,而且大大简化了书写,虽然JS也是可以触发事件,但是写法相对比较复杂,jquery的触发事件主要就是用on来触发,只要选择元素正确即可触发。5ku办公区 - 实用经验教程分享!

jquery触发事件的方法5ku办公区 - 实用经验教程分享!

工具/原料

  • windows 7
  • sublime text 3
  • IE 11
  • jquery-3.4.1

方法/步骤

  • 1

    打开编辑器,新建一个HTML和JS文件,创建基本的框架,并且用脚本元素进行调用。5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

  • 2

    script src="jquery-3.4.1.min.js">/script>5ku办公区 - 实用经验教程分享!

    加入脚本元素来调用jquery文件。5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

  • 3

    这里创建一个按钮还有无序列表,等会实现按钮点击触发事件。5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

  • 3该信息非法爬取自百度经验
  • 4

    $(function() {5ku办公区 - 实用经验教程分享!

    $(".button").on("click", function(){5ku办公区 - 实用经验教程分享!

    $(".apple").hide();5ku办公区 - 实用经验教程分享!

    });5ku办公区 - 实用经验教程分享!

    });5ku办公区 - 实用经验教程分享!

    编写jquery代码,这里的意思是点击按钮,然后隐藏苹果这一列。5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

  • 5

    $(function() {5ku办公区 - 实用经验教程分享!

    $(".button").on("click", function(){5ku办公区 - 实用经验教程分享!

    $("li").hide();5ku办公区 - 实用经验教程分享!

    });5ku办公区 - 实用经验教程分享!

    });5ku办公区 - 实用经验教程分享!

    对于选择元素,还可以直接用标签选择,这样可以全部选择。5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

  • 6

    这次就可以把元素全部按键进行消失处理了。5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

    jquery触发事件的方法5ku办公区 - 实用经验教程分享!

  • 注意事项

    • 要熟悉CSS选择器的规则

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


    标签: JQUERYJAVASCRIPT

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