JavaScript強化教程——JQuery初級教程

本文爲 H5EDU 機構官方 HTML5培訓 教程,主要介紹:JavaScript強化教程 ——JQuery初級教程
 
第一步 下載jquery
首先須要在jquery官網下載 jquery-3.0.0.js(版本和當前最新版本一致)放到本身的文件夾中
第二部 引用jquery
html

<script src="jquery-3.0.0.js"></script>

第三部 使用jquery語法寫一個簡單地程序
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強化教程
ide

相關文章
相關標籤/搜索