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>
发布了25 篇原创文章 · 获赞 3 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/wanda000/article/details/51771833