jquery 获取当前年份减一年

原创

mob649e8166c3a5 2023-08-27 04:13:51 ©著作权

文章标签 jQuery 代码示例 javascript 文章分类 jQuery 前端开发

©著作权归作者所有：来自51CTO博客作者mob649e8166c3a5的原创作品，请联系作者获取转载授权，否则将追究法律责任

jquery 获取当前年份减一年的实现方法

1. 整体流程

为了帮助这位刚入行的小白同学理解如何使用 jQuery 获取当前年份并减一年，下面是整件事情的流程表格：

步骤	描述
步骤1	获取当前年份
步骤2	减一年
步骤3	显示减一年后的年份

下面将逐步解释每一步需要做什么，以及相应的代码示例。

2. 步骤解析

步骤1：获取当前年份

为了获取当前年份，我们可以使用 JavaScript 的 Date 对象。具体的代码如下所示：

const currentYear = new Date().getFullYear();

通过 new Date() 创建一个表示当前时间的 Date 对象，然后使用 getFullYear() 方法获取当前年份，并将其保存在 currentYear 变量中。

步骤2：减一年

在获取到当前年份后，我们需要对其进行减一操作。可以直接通过 currentYear - 1 实现：

const previousYear = currentYear - 1;

将 currentYear 减去 1 并将结果保存在 previousYear 变量中。

步骤3：显示减一年后的年份

最后一步是将减一年后的年份显示出来，可以使用 jQuery 来操作页面元素并修改其内容。假设我们有一个 <span> 标签用于显示年份，代码如下：

<span id="year"></span>

然后，我们可以使用 jQuery 来找到这个元素，并将减一年后的年份设置为其内容：

$('#year').text(previousYear);

以上代码使用了 jQuery 的选择器 $('#year') 来找到具有 id 为 year 的元素，并使用 .text() 方法将 previousYear 的值设置为该元素的内容。

3. 完整代码示例

下面是整个过程的完整代码示例：

<!DOCTYPE html>
<html>

<head>
    <title>获取当前年份减一年</title>
    <script src="
    <script>
        $(document).ready(function () {
            const currentYear = new Date().getFullYear();
            const previousYear = currentYear - 1;
            $('#year').text(previousYear);
        });
    </script>
</head>

<body>
    当前年份减一年为：<span id="year"></span>
</body>

</html>

在上面的代码中，我们将 jQuery 库导入到页面中，并在 <script> 标签中编写了相应的 JavaScript 代码。当页面加载完成后，$(document).ready() 函数会被触发，其中的代码会执行获取当前年份、减一年并将结果设置为 <span> 元素的内容。

请注意，在上述代码中，我们使用了 [CDN]( 引入了 jQuery 库。你也可以将 jQuery 下载到本地并引入。