Javascript jquery脚本在HTML中不起作用

Javascript jquery脚本在HTML中不起作用,javascript,jquery,html,Javascript,Jquery,Html,(回答:不要在html中使用) 我正在从本教程学习Jquery: 我创建了一个Html,1个js文件。将它们放在同一个物理文件夹中,将“jquery-1.8.0.min.js”放在同一个文件夹中,将js文件的链接放在html页面中 但它不起作用 我的HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

(回答:不要在html中使用

我正在从本教程学习Jquery:

我创建了一个Html,1个js文件。将它们放在同一个物理文件夹中,将“jquery-1.8.0.min.js”放在同一个文件夹中,将js文件的链接放在html页面中 但它不起作用

我的HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
 <title>Demo</title>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>

<body>
 <h1>Heading one</h1>
 <p>This is just some text for heading 1</p>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="my_code.js"></script>

</body>

</html>
发生了一些小错误,
我试图搜索,但找不到相关链接。如果我缺少某些内容,请提出建议。您遇到了什么错误?请参阅console/dev工具(f12),注意必须单击标题文本才能触发效果:


我确实粘贴了你的代码,只是使用相同jquery版本的html的一部分,它就可以工作。

你的代码工作正常。你的jquery文件路径一定有问题。尝试按如下方式包括CDN托管的jquery库,或检查路径:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

我在js fiddle上试过,效果很好,我想这就是你想要的,当点击h1标签时,如果我没有错,你需要隐藏p

这是js小提琴

如果这个脚本很小,你可以放进去,这个

<script></script>


标记在正文内容之前,但请记住将Jquery放在任何其他脚本或代码之前,您可以在执行此代码时发布chrome inspect元素错误

浏览器中是否启用了javascript? 如果您使用的是chrome Go Ctrl+H,请单击左侧的设置->显示高级设置->隐私->内容设置->允许所有站点运行Javascript。
如果已经选中,请检查jquery路径文件名

你犯了什么错误?请参阅console/dev工具(f12)并注意,您必须单击标题文本才能触发该效果,toogle效果是否有效?您的代码非常有效(请在此处查看它的实际操作:)。只是不清楚你为什么会有这个问题。就像Allende建议的那样,打开浏览器的开发工具,看看控制台上是否打印了错误。。。点击F12,点击控制台,查找错误。。。我试图安装firebug并看到错误。。。错误是“ReferenceError:$未定义$(文档)。ready(函数(){“这工作正常,为什么不使用直接脚本错误是“ReferenceError:$未定义$(文档)。ready(函数(){“yes.”是罪魁祸首….用cdn脚本替换了它。感谢您的帮助:)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script></script>