JQuery-3.6.0.min.js：全球最受歡迎的JavaScript庫

一、JQuery 介紹

JQuery 是當前全球最受歡迎的 JavaScript 庫之一，用於簡化程序員用 JavaScript 編寫代碼的難度。因為 jQuery 的設計者們有意識地將 HTML、CSS 和 JavaScript 等技術標準「粘合」在一起，讓這些協同工作，從而讓開發人員處理開發任務時更方便快捷，並且不需要過多地關注兼容性問題。

JQuery-3.6.0.min.js 是最新版本。該版本簡化了使用，修復了一些錯誤，並在延遲和主題管理方面做出了改進。JQuery通過使用CSS樣式選擇器和一些JavaScript的基本工具來簡化HTML文檔遍歷，事件處理，動畫和AJAX交互。

二、Selector（選擇器）

在 JQuery 中，選擇器用於在 HTML 頁面中查找指定元素的便捷工具。通過使用類似 CSS 的語法，您可以精確地定位 DOM 中的各個元素。

//找到所有 p 標籤 
$("p")

//找到所有 id 為 #example 的元素 
$("#example")

//找到所有 class 為 .highlight 的元素 
$(".highlight")

//找到所有為 input 類型的元素 
$("input")

除了上述基本選擇器，還有許多強大的選擇器可以幫助您定位頁面中的元素。

三、Event Handling（事件處理）

通過使用 JQuery 處理 HTML 中的各種事件非常簡單。不需要使用複雜的 JavaScript 代碼即可實現事件的處理和響應。

$(document).ready(function(){
    $("button").click(function(){
        $("p").toggle();
    });
});

在上面的代碼中，當用戶點擊 “button” 元素時，JQuery 會找到所有 “p” 元素並切換隱藏和顯示。

四、AJAX

使用 JQuery 可以通過 AJAX 從服務器加載數據並在不刷新整個頁面的情況下更新您的頁面。AJAX 使您可以在不阻止頁面加載的情況下獲取和發送數據。

$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url: "example.php", success: function(result){
      $("#div1").html(result);
    }});
  });
});

五、Animations（動畫效果）

JQuery 提供了幾個可用於創建靈活動畫效果的內置方法。您可以使用這些方法來為頁面添加交互和視覺效果，使頁面看起來更加動態。

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").animate({left: '250px'});
  });
});

在上面的代碼中，當用戶點擊 “button” 元素時，JQuery 會將 “div1” 元素向右移動 250px。

六、Conclusion

JQuery 使 Web 開發變得更加容易和快捷。JQuery 簡化了代碼編寫的過程，同時提供了豐富的選擇器、事件處理、AJAX 和動畫效果，使 Web 開發變得更加簡單高效。