2021-05-12 14:32:11
jQuery菜鳥教學
2019-12-12 15:28:27
jQuery菜鳥教學，jQuery是JavaScript程式碼庫，也可以說是JavaScript的框架，非常出名，使用的人也非常多，因為這個庫的功能很強大，可以動態實現很多動畫效果和樣式效果，這裡就從安裝開始教大家簡單實用。
1
百度搜尋jquery，然後找到官網，進入後點選Download jQuery。
2
點選下載按鈕：Download the compressed production jQuery 3.4.1，這個時候就會下載一個js檔案。
3
開啟編輯器，新建一個HTML文件，並且設定一下架構。
我們需要把剛剛下載的js檔案引入到HTML裡面。
<script src="jquery-3.4.1.min.js"></script>
4
然後我們就可以建立新的JS檔案，這個檔案裡面編寫jQuery的程式碼。
5
$(document).ready(function(){
})
$(function(){
})
這是第一行需要寫的程式碼來指明用jQuery。
6
$(function(){
$("#div1").hide();
})
hide可以進行隱藏，後面加數值是控制隱藏的時間，show就是展現。
7
slideUp和slideDown是劃上劃下的動畫效果。
fadeIn和fadeOut是淡入淡出的動畫效果。
toggle可以切換元素可見狀態。
8
.css({})在這裡面可以直接像修改CSS樣式進行動態修改。
相關文章