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