JavaScript强化教程——JQuery初级教程-CSDN博客

本文为H5EDU机构官方HTML5培训教程的一部分，详细介绍了如何下载并使用jQuery库。通过实例演示了如何利用jQuery实现元素的淡入淡出效果，适合初学者快速上手。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 ——JQuery初级教程

第一步下载jquery
首先需要在jquery官网下载 jquery-3.0.0.js（版本和当前最新版本一致）放到自己的文件夹中
第二部引用jquery

<script src="jquery-3.0.0.js"></script>

第三部使用jquery语法写一个简单地程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.0.0.js"></script>
</head>
<body>
<input type="button" value="隐藏" id="a">
<input type="button" value="显示" id="b">
<div id="c" style="height: 100px;width: 100px;background-color: cadetblue"></div>
<script>

  //事件源        事件      函数

//id选择器选择a bind绑定click函数
    $("#a").bind("click",function (event){

//fadeIn  500毫秒淡入   fadeOut 淡出
        $("div").fadeIn(500);
        })
    $("#b").bind("click",function (event){
        $("div").fadeOut(1000);
    })
});
</script>
</body>
</html>
点击进入JS强化教程：http://www.h5edu.cn/htm/step/h5edu_44.html

转载于:https://www.cnblogs.com/zhanyingwang/p/5755528.html