jQuery 3.3.1 是一款強大的 JavaScript 庫,它使編寫和操作 JavaScript 變得更加簡單。下面是使用 jQuery 的一些基本步驟:
<!DOCTYPE html> <html> <head> <title>使用 jQuery</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <h1>Hello World!</h1> <script> // 用 jQuery 改變 h1 標簽的文本內容 $('h1').text('Hello jQuery!'); </script> </body> </html>
在上面的代碼中,$() 是 jQuery 中最常見的函數,它返回一個 jQuery 對象。該對象可以用于對頁面元素進行操作,比如獲取元素、修改元素內容等等。
下面是一些常見的 jQuery 操作:
<!DOCTYPE html> <html> <head> <title>jQuery 操作示例</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <button id="btn">點擊我!</button> <p id="para">這是一個段落。</p> <script> // 獲取元素 var btn = $('#btn'); // 使用 ID 選擇器獲取按鈕元素 var para = $('p'); // 使用標簽選擇器獲取段落元素 // 修改元素 btn.text('點擊我吧!'); // 修改按鈕的文本 para.addClass('highlight'); // 修改段落的樣式 // 綁定事件處理函數 btn.click(function() { para.text('你點擊了按鈕!'); // 修改段落的文本 }); </script> </body> </html>
上面代碼演示的是 jQuery 最基本的操作,通過選擇器獲取元素,然后對元素進行修改或綁定事件處理函數。
以上僅是 jQuery 的冰山一角。jQuery 還有很多強大的功能和 API,如 DOM 操作、動畫效果、事件處理、Ajax、插件等等。有興趣的同學可以繼續深入學習。