在 HTML 頁面中使用 jQuery 需要引用 jQuery 庫檔。可以在官網下載最新版的jQuery 庫文件,也可以使用jQuery 的CDN(內容分發網絡),引用方式如下:
<!-- 引用最新版的 jQuery 库文件 --> <script src="https://code.jquery.com/jquery.min.js"></script>
該方式會從jQuery 官網伺服器上下載最新版本的jQuery 庫文件,但如果該伺服器處於維護狀態或網路延遲,就會導致頁面載入緩慢或失敗。因此,我們也可以使用其他 CDN 提供的 jQuery 庫文件,例如百度 CDN、新浪 CDN、360 CDN 等,可以根據需要選擇合適的 CDN 引用方式。
<!-- 使用百度 CDN 引用 jQuery 库文件 --> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
除了使用外部庫文件,也可以將 jQuery 庫文件下載到本地,然後在 HTML 頁面中引用本地 jQuery 庫文件。例如,將 jQuery 函式庫檔案下載到專案的 js 目錄下,引用方式如下:
<!-- 引用本地 jQuery 库文件 --> <script src="js/jquery.min.js"></script>
引用 jQuery 函式庫檔案後,就可以在 HTML 頁面中使用 jQuery 提供的豐富功能。例如,可以使用 jQuery 的選擇器選取頁面元素,對元素進行操作或綁定事件等。以下是一個簡單的例子,透過 jQuery 的選擇器選取 ID 為 content 的元素,並將其文字內容修改為 Hello World。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery 示例</title> <!-- 引用 jQuery 库文件 --> <script src="https://code.jquery.com/jquery.min.js"></script> </head> <body> <div id="content">Hello jQuery!</div> <script> // 使用 jQuery 选择器选取元素,并修改其文本内容 $('#content').text('Hello World'); </script> </body> </html>
以上就是使用 jQuery 引用標籤的具體方法,透過引用 jQuery 函式庫檔案和使用 jQuery 的選擇器等功能,可以大幅提升頁面開發的效率和互動性。
以上是jquery標籤怎麼引用的詳細內容。更多資訊請關注PHP中文網其他相關文章!