jQuery是一款JavaScript庫,它使得JavaScript變得更加容易使用。它的目標是使用少量代碼來實現更多的功能,減少開發人員的工作量。jQuery主要解決的是JavaScript與HTML文檔之間的交互問題,使網頁更加動態化。
jQuery的使用步驟如下:
<!-- 引入jQuery庫 --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script> <!-- 等待頁面加載完成 --> <script> $(document).ready(function(){ // 在這里編寫jQuery代碼 }); </script>
以上代碼中,我們首先需要引入jQuery庫,使其能夠在我們的頁面中使用。可以使用CDN方式引入,也可以下載到本地后再引入。接著,需要在ready函數中編寫jQuery代碼,在頁面加載完成后執行。
例如,我們添加一個按鈕,當點擊按鈕時,頁面中的一段文字會變為紅色:
<!DOCTYPE html> <html> <head> <!-- 引入jQuery --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script> </head> <body> <h2>這是一段文字</h2> <button>點擊變色</button> <script> // 頁面加載完成后執行 $(document).ready(function(){ // 當按鈕被點擊時 $("button").click(function(){ // 將文字設置為紅色 $("h2").css("color", "red"); }); }); </script> </body> </html>
以上代碼中,我們使用了jQuery的click函數,當按鈕被點擊時,將頁面中的h2元素顏色設置為紅色。
下一篇jquery 框架