jQuery 是一種廣泛使用的 JavaScript 庫,因其出色的簡單易用性和強大的功能而備受歡迎。如果你需要在網頁中使用 jQuery 庫,你可以通過外鏈的方式來引入它,這里我們介紹的是 jQuery 1.9 版本的外鏈。
<!-- 引入 jQuery 庫 --> <script src="https://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
在這里,我們使用了一個 CDN 地址來引入 jQuery 庫,CDN 全稱為 Content Delivery Network,即內容分發網絡,在使用 CDN 引入資源時,可以借助其分布式節點的優勢,將資源隨時傳送到用戶身邊,使頁面加載速度更快。
在上面的代碼中,我們可以看到 jQuery 1.9 版本庫的引用地址,我們可以將該地址復制到src
屬性中,以實現 jQuery 庫的外鏈。
引入 jQuery 庫之后,我們就可以開始使用其中的函數和方法了,例如:
<!-- 在頁面加載完畢后執行 --> <script> $(document).ready(function() { // 在此處編寫代碼 }); </script>
如上所示,我們可以通過$(document).ready()
函數來在頁面加載完畢后執行某些代碼。其中$()
就是 jQuery 函數,它可以接收一個參數,該參數可以是選擇器、HTML 字符串、DOM 元素等,例如:
<!-- 選中所有帶有 class 名稱為 "list" 的元素 --> <script> var list = $(".list"); </script>
上述代碼使用$(".list")
這一選擇器來選中所有class
名稱為 "list" 的元素,并將其賦值給變量list
。除了類選擇器外,jQuery 還支持 ID 選擇器、屬性選擇器、偽類選擇器等等,詳情請參考 jQuery 官方文檔。
最后,除了 CDN 外,我們還可以將 jQuery 庫下載到本地,然后引用本地文件,也可以實現 jQuery 庫的外鏈,但相比于 CDN 外鏈,本地文件的加載速度可能會略慢一些,且可能會增加服務器負擔。