線上書籍

Home

111網頁前端設計工程師培訓班

  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 表單值