JavaScript强化教程——JQuery初级教程

最新推荐文章于 2022-05-27 23:14:10 发布

wdapp

最新推荐文章于 2022-05-27 23:14:10 发布

阅读量284

点赞数

分类专栏： JavaScript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/wanda000/article/details/51771833

版权

JavaScript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

本文为 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>

wdapp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript强化教程——JQuery初级教程

本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 ——JQuery初级教程第一步下载jquery首先需要在jquery官网下载 jquery-3.0.0.js（版本和当前最新版本一致）放到自己的文件夹中第二部引用jquery第三部使用jquery语法写一个简单地程序 Title
复制链接

扫一扫