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

本文为 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
posted @ 2016-08-10 09:49  zhanyingwang  阅读(139)  评论(0)  编辑  收藏  举报