如何使用 jQuery 获取当前 HTML 页面的标题？

当我们需要获取 HTML 页面的标题并在页面中使用时，可以使用 jQuery 对页面元素进行操作来实现这个需求。

步骤

1. 引入 jQuery 库

在 head 标签中引入 jQuery 库，代码如下：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

2. 使用 jQuery 获取标题

在 script 标签中编写 jQuery 代码，通过 document.title 属性来获取 HTML 页面的标题，代码如下：

<script>
    $(document).ready(function () {
        var title = document.title;
        console.log(title);
    });
</script>

上面的代码中，我们使用了 $(document).ready() 函数来确保文档加载完成后再执行代码。然后，我们通过 document.title 属性获取 HTML 页面的标题，并将标题打印在控制台中。

结语

通过这篇文章，我们了解了如何使用 jQuery 获取当前 HTML 页面的标题，以及如何将页面标题输出到控制台中。在实际项目中，我们可以根据需求将标题输出到页面中，并进行相应的处理。