9. JQUERY

1. 它是Javascript的函式庫
2. 安裝：

   <script src="https://code.jquery.com/jquery-3.6.2.min.js" integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script>

    

3. JQUERY基本結構：在DOM架構載入完成後再執行

   
       $(document).ready(function(){
         //執行程式碼
       });
   
       $(function(){
         //執行程式碼
       });
   
       window.onload = function() {
         //執行程式碼
       }

    

4. JQUERY常用選擇器
   id選擇器：$("#id")
   class選擇器：$(".class")
5. jQuery 變更與取得元素的內容：
   參考：https://powerkaifu.github.io/2020/10/02/lesson-jq-02.set-and-get/
   1. 變更內容：$(選擇器).html (變更的內容)
   2. 取得內容：$(選擇器).html ()
6. text ()、html () 取得與設定元素內容
   text () 與 html () 方法用來查詢與設定一或多個元素的純文字或 HTML 內容。
   text () 不帶引數呼叫時，回傳所有符合元素裡面的所有純文字內容。等同於 JavaScript 的 textContent 與 innerText。
   html () 不帶引數呼叫時，回傳第一個符合元素的 HTML 內容。等同於 JavaScript 的 innerHTML。
7. val () 取得與設定 HTML 表單值