jQuery菜鸟教程

2025-11-27 22:56:22

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的代码

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢