You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

jQuery在.html页面正常运行,在.php页面失效的问题排查

问题排查与解决

1. 修复jQuery选择器核心错误

你的代码里最关键的问题是class选择器缺少.前缀:
原错误代码:

$("fhere").text("mysite.com");

修正后:

$(".fhere").text("mysite.com");

fhere是div的class属性值,jQuery中class选择器必须以.开头,否则会被当成不存在的标签名查找,自然无法匹配目标元素。

2. 排查PHP环境下的潜在问题

虽然HTML和PHP代码看起来一致,但PHP运行环境可能存在以下额外问题:

  • 静态资源路径失效:检查服务器上script/jquery-3.6.3.min.js的路径是否正确。若PHP文件所在目录与原HTML不同,相对路径会失效,导致本地jQuery加载失败。可通过浏览器开发者工具的「网络」面板查看该文件是否返回404错误。
  • 浏览器缓存干扰:PHP页面可能被缓存了旧的错误版本,按Ctrl+F5强制刷新页面清除缓存后再测试。
  • jQuery重复引入冲突:你同时引入了本地和CDN版本的jQuery,可能引发版本冲突。建议只保留其中一个,优先使用CDN版本避免路径问题:
    <!-- 仅保留CDN版本即可 -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    

修复后的完整test.php代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="fhere">mysite</div>
    <script>
       $(".fhere").text("mysite.com");
    </script>
</body>
</html>

内容的提问来源于stack exchange,提问作者John

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 01:52:25