jQuery是一個使用廣泛的JavaScript庫,它可以更便捷地操作HTML文檔、處理事件、創(chuàng)建動畫效果以及處理AJAX等等功能。而jQuery的入門非常容易,以下是簡單的入門示例。
<!DOCTYPE html> <html> <head> <title>jQuery入門示例</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>這是一個示例頁面</h1> <p>現(xiàn)在是<span id="time"></span>,你好嗎?</p> <button id="click-me">點擊我</button> </body> <script> // 頁面加載完畢后執(zhí)行 $(document).ready(function() { // 修改時間 $('#time').text(new Date().toLocaleString()); // 點擊按鈕事件 $('#click-me').click(function() { alert('您點擊了我!'); }); }); </script> </html>
以上代碼演示了jQuery的基本使用,可以看出它包括如下步驟:
- 引入jQuery,這里使用的是CDN方式
- 編寫頁面結(jié)構(gòu),包括一個標題、一個段落和一個按鈕
- 使用jQuery操作DOM元素,修改頁面上時間的顯示以及綁定按鈕的點擊事件
可以看出jQuery是一個非常方便的庫,學習門檻也非常低,對于初學者來說,這是非常有利的。