我正在尝试在页面加载时隐藏一个段落，然后执行一次显示/隐藏jquery，并在onclick上更改按钮名称

jQuery未加载: 确保jQuery库已正确引入，并且网络连接正常。可以在控制台中检查是否有404错误。
元素ID不匹配: 确保HTML中的元素ID与jQuery选择器中的ID一致。
脚本位置错误: 确保 &lt;script&gt; 标签放在 &lt;/body&gt; 标签之前，以确保DOM完全加载后再执行脚本。

要在页面加载时隐藏一个段落并在点击按钮后执行显示/隐藏操作，同时更改按钮的名称，你可以使用以下的HTML和jQuery代码：

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Toggle Paragraph</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<p id="myParagraph">这是一个隐藏的段落。</p>
<button id="toggleButton">显示段落</button>

<script src="script.js"></script>
</body>
</html>

jQuery部分（script.js）

$(document).ready(function() {
    // 页面加载时隐藏段落
    $('#myParagraph').hide();

    // 点击按钮时切换段落的显示状态并更改按钮名称
    $('#toggleButton').click(function() {
        $('#myParagraph').toggle(); // 显示或隐藏段落

        // 更改按钮名称
        var currentText = $(this).text();
        if (currentText === '显示段落') {
            $(this).text('隐藏段落');
        } else {
            $(this).text('显示段落');
        }
    });
});

解释

HTML部分:
- 创建一个段落元素<p>并赋予其ID为myParagraph。
- 创建一个按钮元素<button>并赋予其ID为toggleButton。
- 引入jQuery库，这里使用的是CDN链接。

jQuery部分:
- 使用$(document).ready()确保DOM完全加载后再执行脚本。
- 使用$('#myParagraph').hide();在页面加载时隐藏段落。
- 给按钮绑定点击事件，使用$('#toggleButton').click()。
- 在点击事件中，使用$('#myParagraph').toggle();来切换段落的显示状态。
- 使用$(this).text()获取并更改按钮的文本内容。