jQuery是一個快速,簡潔的JavaScript庫,可以使得HTML文檔的遍歷和操作、事件處理、動畫和Ajax更加簡單。jQuery是跨瀏覽器的、開源的軟件,它是免費下載的,可以通過Google進行在線閱讀。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
如上所示,可以通過Google來獲取jQuery的核心庫文件,并且可以直接將其引用到自己的HTML文檔中。例如:
<!DOCTYPE html> <html> <head> <title>使用jQuery實現點擊按鈕隱藏元素</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落.</p> <button>隱藏</button> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </body> </html>
上述代碼實現了一個簡單的點擊按鈕隱藏段落的效果,其中就包含了引用jQuery和使用jQuery的代碼塊。在這里,jQuery使用的核心函數是"$",可以理解為是"jQuery"的縮寫,類似于"document.getElementById()"函數只是使用"$"來代替了整個函數名。可以看到,在這里jQuery的作用就是為了更方便、簡潔地實現對于HTML文檔的遍歷、操作和事件處理等功能。