快速瞭解jQuery

何以之發表於2023-05-05

前置知識:HTML、CSS、JavaScript。

 

什麼是jQuery?

  jQuery 是一個輕量級的"寫的少,做的多"的JavaScript 函式庫,為開發者提供了一組豐富的工具和API,用於簡化JavaScript程式設計。它可以幫助開發者輕鬆地選取HTML元素、處理事件、實現動畫、建立AJAX請求等。

 

jQuery的作用是什麼?

   選擇和操作DOM元素:jQuery提供了非常簡單的語法和方法,可以輕鬆選取和操作HTML DOM元素。

   簡化AJAX請求:jQuery封裝了AJAX的操作,使得開發者可以更容易地向伺服器傳送請求並處理返回的資料。

   實現動畫效果:jQuery提供了大量的動畫效果,可以幫助開發者實現各種各樣的動態效果。

   處理事件:jQuery可以幫助開發者簡化事件繫結和處理的程式碼。

   操作表單:jQuery提供了一些方便的方法,可以輕鬆地操作表單元素,從而提高使用者互動性。

 

為什麼所有使用jQuery?

  流行、方便。

 

如何使用jQuery?

  從jQuery官網下載離線檔案或者從CDN中載入 jQuery。

  注意:下載時帶檔名.min的是已被壓縮的。

 

如何檢視使用的jQuery版本?

  開啟控制檯輸入$.fn.jquery命令。

 


jQeury基礎語法是怎樣的?

  $('選擇器').操作函式(回撥函式[可選])

  其中$定義jQuery。上述格式也是jQuery事件的語法

 

 jQuery如何監聽文件就緒事件?

  使用以下程式碼監聽:

$(document).ready(function(){ 
  // 開始寫 jQuery 程式碼...
});

  簡潔寫法:

$(function(){ 
  // 開始寫 jQuery 程式碼...
});

   類似於於

window.onload=function() { // 開始寫 JavaScript程式碼... }

  但是不同的是前者是在 html 所有標籤(DOM)都載入之後,就會去執行;而後者是等到所有內容,包括外部圖片之類的檔案載入完後,才會執行。

 jQuery的選擇器有哪些?

  基於已經存在的 CSS 選擇器,除此之外還有一些自定義的選擇器,例如$(this)

 

相關文章