jQuery是免費的軟體，可以幫助PHP的網頁界面更加美觀，也有一些動態的效果，比起JavaScript它的程式比較簡短，可能幾行程式就可以執行了，可與CSS並用。jQuery是一個以Javascript編寫的函式庫，可以網路上下載。
下載：https://jquery.com/download/
在HTML檔案中的<head></head>加入，引用 jQuery :
<head>
<script src="jquery-3.4.1.min.js"></script>
</head>
根據下載的 jQuery版本更改。
架構：jQuery為HTML的文件物件模型DOM (Document Object Model) 全部都載入好後才執行的。
<script>
$(document).ready(function(){
});
</script>
使用內建(document).ready，當DOM載入後就執行，「＄」是jQuery的類別名。
範例：
click();
<script>
$(document).ready(function(){
$("h2").click(function(){
alert("Clicked!");
});
});
</script>
指定的對象“h2”字的大小點擊click後，執行alert視窗。
<script>
$(document).ready(function(){
$(".btn").click(function(){
$("p").fadeOut("slow");
});
});
</script>
使用fadeOut();將元素隱藏、淡出。
還有許多動畫效果，可以參考：
https://www.w3school.com.cn/jquery/jquery_animate.asp
iThome鐵人賽
看影片追技術