要在HTML文件中引用jQuery,可以使用以下方法:
<!DOCTYPE html> <html> <head> <title>引用jQuery</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h1>Hello jQuery!</h1> <p>這是一個jQuery示例。</p> </body> </html>
在頭部標記中,包括了一個<script>標記,其中的“src”屬性指向了從CDN加載jQuery庫的URL。這種方法不需要下載或拷貝jQuery文件到您的服務器,而是直接從CDN中加載。
在body標記中,您可以使用類似于jQuery的函數和方法來處理和操作HTML元素。以下是一個簡單的jQuery示例:
<!DOCTYPE html> <html> <head> <title>引用jQuery</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h1>Hello jQuery!</h1> <p>這是一個jQuery示例。</p> <button id="demo-btn">點擊這里</button> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </body> </html>
在上面的例子中,我們向文檔添加了一個按鈕和一個段落,并使用jQuery方法隱藏了該段落。當禁用按鈕時,段落將不見。
總之,通過添加一個<script>標記并指向從CDN加載的jQuery庫,就可以輕松開始在您的HTML文檔中使用jQuery。