JQuery簡介與使用

JQuery官網下載地址

不過由於JQuery已經停止版本的更新，所以很有必要學習其他JS庫如Vue

JQuery簡介

1、是JS庫（就是一個JS檔案）
2、主要用於前端開發，DOM操作
3、方便、簡單、實用、相容性高，鏈式呼叫

檢測是否引入JQuery檔案

<script>
    console.log($);
</script>

DOM樹載入完後載入JQuery

1.window.onload事件是在整個資源都載入完畢後才執行
2.$().ready事件在dom樹生成以後就開始執行，不會等資源都載入完成後才執行

//原生JS寫法
 window.onload = function (){
        document.getElementById("myH1").innerText="你好，JQ";
    }
    
//JQuery寫法
$(document).ready(function(){
       document.getElementById("myH1").innerText="你好呀，JQ";
   });