技術文章 » JQuery的認識和安裝

JQuery的認識和安裝

2023-05-27 15:00:17
jQuery 是一個 JavaScript 函數庫。
jQuery 是一個輕量級的"寫的少，做的多"的 JavaScript 庫。
jQuery 庫包含以下功能：
  • HTML 元素選取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函數
  • JavaScript 特效和動畫
  • HTML DOM 遍歷和修改
  • AJAX
  • Utilities
提示： 除此之外，jQuery 還提供了大量的外掛。
jQuery 是一個 JavaScript 庫。
jQuery 極大地簡化了 JavaScript 程式設計。
網頁中新增 jQuery
可以通過多種方法在網頁中新增 jQuery。 使用以下方法下載：
  • 從 jquery.com 下載 jQuery 庫
  • 從 CDN 中載入 jQuery, 如從 Google 中載入 jQuery
  • jQuery CDN有很多大廠的CDN都是可以免費使用的

當然還是有很多的CDN都是需要付費使用的詳細的可以在百度搜尋也是有很多的

有兩個版本的 jQuery 可供下載：
  • Production version - 用於實際的網站中，已被精簡和壓縮。
  • Development version - 用於測試和開發（未壓縮，是可讀的程式碼）
以上兩個版本都可以從 jquery.com 中下載。
網頁中新增 jQuery
jQuery 庫是一個 JavaScript 檔案，您可以使用 HTML 的 <script> 標籤參照它：
放在body中：在頁面載入的時候被執行
放在head中：在被呼叫時被執行
提示： 將下載的檔案放在網頁的同一目錄下，就可以使用jQuery。
 
 
jQuery的執行
jQuery 語法是通過選取 HTML 元素，並對選取的元素執行某些操作。
基礎語法： $(selector).action()
  • 美元符號定義 jQuery
  • 選擇符（selector）"查詢"和"查詢" HTML 元素
  • jQuery 的 action() 執行對元素的操作
範例:

  • $(this).hide() - 隱藏當前元素

  • $("p").hide() - 隱藏所有 <p> 元素

  • $("p.test").hide() - 隱藏所有 class="test" 的 <p> 元素

  • $("#test").hide() - 隱藏 id="test" 的元素