jQuery菜鸟教程

时间:2026-02-14 02:54:53

1、百度搜索jquery,然后找到官网,进入后点击Download jQuery

jQuery菜鸟教程

2、点击下载按钮:Download the compressed production jQuery 3.4.1,这个时候就会下载一个js文件。

jQuery菜鸟教程

jQuery菜鸟教程

3、打开编辑器,新建一个HTML文档,并且设定一下架构。


我们需要把刚刚下载的js文件引入到HTML里面。
<script src="jquery-3.4.1.min.js"></script>

jQuery菜鸟教程

jQuery菜鸟教程

4、然后我们就可以创建新的JS文件,这个文件里面编写jQuery的代码。

jQuery菜鸟教程

5、$(document).ready(function(){
})
$(function(){
})


这是第一行需要写的代码来指明用jQuery。

jQuery菜鸟教程

jQuery菜鸟教程

6、$(function(){
$("#div1").hide();
})


hide可以进行隐藏,后面加数值是控制隐藏的时间,show就是展现

jQuery菜鸟教程

jQuery菜鸟教程

jQuery菜鸟教程

7、slideUpslideDown是划上划下的动画效果。


fadeInfadeOut是淡入淡出的动画效果。
toggle可以切换元素可见状态。

jQuery菜鸟教程

jQuery菜鸟教程

8、.css({})在这里面可以直接像修改CSS样式进行动态修改。

jQuery菜鸟教程

jQuery菜鸟教程

jQuery菜鸟教程

1、百度搜索jquery,然后找到官网,进入后点击Download jQuery

点击下载按钮,这个时候就会下载一个js文件

打开编辑器,新建一个HTML文档,并且设定一下架构,把刚刚下载的js文件引入到HTML里面

创建新的JS文件,这个文件里面编写jQuery的代码

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com