淘先锋技术网

首页 1 2 3 4 5 6 7

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是一个非常方便的库,学习门槛也非常低,对于初学者来说,这是非常有利的。