首页 > 软件开发 > JavaScript >

jQuery菜鸟教程

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

jQuery菜鸟教程,jQuery是JavaScript代码库,也可以说是JavaScript的框架,非常出名,使用的人也非常多,因为这个库的功能很强大,可以动态实现很多动画效果和样式效果,这里就从安装开始教大家简单实用。TGu办公区 - 实用经验教程分享!

jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

工具/原料

  • windows7
  • chrome浏览器
  • sublime text3
  • jQuery 3.4.1

方法/步骤

  • 1

    百度搜索jquery,然后找到官网,进入后点击Download jQuery。TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

  • 2

    点击下载按钮:Download the compressed production jQuery 3.4.1,这个时候就会下载一个js文件。TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

  • 3

    打开编辑器,新建一个HTML文档,并且设定一下架构。TGu办公区 - 实用经验教程分享!

    我们需要把刚刚下载的js文件引入到HTML里面。TGu办公区 - 实用经验教程分享!

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

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

  • 4

    然后我们就可以创建新的JS文件,这个文件里面编写jQuery的代码。TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

  • 5

    $(document).ready(function(){TGu办公区 - 实用经验教程分享!

    })TGu办公区 - 实用经验教程分享!

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

    })TGu办公区 - 实用经验教程分享!

    这是第一行需要写的代码来指明用jQuery。TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

  • 5本页面未经授权抓取自百度经验
  • 6

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

    $("#div1").hide();TGu办公区 - 实用经验教程分享!

    })TGu办公区 - 实用经验教程分享!

    hide可以进行隐藏,后面加数值是控制隐藏的时间,show就是展现。TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

  • 7

    slideUp和slideDown是划上划下的动画效果。TGu办公区 - 实用经验教程分享!

    fadeIn和fadeOut是淡入淡出的动画效果。TGu办公区 - 实用经验教程分享!

    toggle可以切换元素可见状态。TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

  • 8

    .css({})在这里面可以直接像修改CSS样式进行动态修改。TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

    jQuery菜鸟教程TGu办公区 - 实用经验教程分享!

  • 注意事项

    • $这个符号是jquery经典的引入头符号

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


    标签: JQUERY教程JAVASCRIPT

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