标签：html5 js
本文为 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>本文出自 “11721999” 博客，请务必保留此出处http://11731999.blog.51cto.com/11721999/1836400
标签：html5 js
原文地址：http://11731999.blog.51cto.com/11721999/1836400
