引入jQuery库后出现net::ERR_ABORTED错误，无法实现登录弹窗

咱们先拆解你遇到的两个核心问题：

1. jQuery文件加载失败的原因与解决 #

你看到的 GET http://localhost/php5/jquery-3.3.1.min.js net::ERR_ABORTED 错误，本质是浏览器在指定路径找不到jQuery文件，常见原因和解决办法：

• 检查文件路径：如果jquery-3.3.1.min.js和你的HTML文件在同一文件夹下，那src="jquery-3.3.1.min.js"是对的；如果JS文件放在子文件夹（比如js目录），要改成src="js/jquery-3.3.1.min.js"。
• 核对文件名：确认文件名完全一致，比如有没有把jquery写成jQuery，版本号是不是3.3.1，有没有少打.min后缀。
• 确认文件存在：去localhost/php5目录下看看，这个JS文件是不是真的存在，有没有被误删或者放错位置。

2. 补全并修正弹窗功能的代码 #

你的代码里$(document).ready(functi...明显是function拼写错误，而且弹窗逻辑也没写完。这里给你一份完整可运行的代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> PHP </title>
    <!-- 确保jQuery路径正确 -->
    <script src="jquery-3.3.1.min.js"></script>
    <script>
        $(document).ready(function() {
            // 给提交按钮绑定点击事件
            $('#submitBtn').click(function() {
                // 获取输入框的值
                var loginName = $('#loginName').val();
                var pwd = $('#password').val();
                // 弹出包含登录名和密码的提示框
                alert('登录名：' + loginName + '，密码：' + pwd);
            });
        });
    </script>
</head>
<body>
    <!-- 带ID的输入框和按钮，方便jQuery选择 -->
    <input type="text" id="loginName" placeholder="请输入登录名">
    <input type="password" id="password" placeholder="请输入密码">
    <button id="submitBtn">提交</button>
</body>
</html>

代码说明： #

• 给输入框和按钮加了唯一id，让jQuery能精准获取元素。
• 修正了function的拼写错误，确保DOM加载完成后再绑定事件。
• 完善了点击按钮后的逻辑：获取输入值，然后用alert弹出组合内容。

内容的提问来源于stack exchange，提问作者user9223978