jQuery是一个使用广泛的JavaScript库,它可以更便捷地操作HTML文档、处理事件、创建动画效果以及处理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>现在是<span id="time"></span>,你好吗?</p> <button id="click-me">点击我</button> </body> <script> // 页面加载完毕后执行 $(document).ready(function() { // 修改时间 $('#time').text(new Date().toLocaleString()); // 点击按钮事件 $('#click-me').click(function() { alert('您点击了我!'); }); }); </script> </html>
以上代码演示了jQuery的基本使用,可以看出它包括如下步骤:
- 引入jQuery,这里使用的是CDN方式
- 编写页面结构,包括一个标题、一个段落和一个按钮
- 使用jQuery操作DOM元素,修改页面上时间的显示以及绑定按钮的点击事件
可以看出jQuery是一个非常方便的库,学习门槛也非常低,对于初学者来说,这是非常有利的。