标签: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