Question

我的代码是这样的。但它不适用于任何浏览器。此代码已从w3scools复制粘贴。与我的其他代码相同。

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
     $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>

Answer 1

我不知道这是否有效，但请尝试将http:添加到链接引用的开头。此外，正如其他人所指出的那样，请关闭<html>标记。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
     $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

我建议的另一件事是使用jQuery的CDN进行jQuery托管。 URL更短，并且无需定义版本即可获得最新版本：

<script src="http://code.jquery.com/jquery.min.js"></script>

但是，我发现您使用的是1.8.3版本，这可能是出于特定原因，因此只需在网址中添加jquery之后的版本即可。 jquery-1.8.3.min.js。

Answer 2

jQuery脚本的链接不起作用。替换为：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

相反。

使用旧链接对我不起作用，但在用其他链接替换后，它工作得很好。

（我假设您注意到遗失的</html>。）

Answer 3

您的代码确实可以正常工作（即使没有丢失的html结束标记:-P），但前提是它是从服务器运行的。这与jQuery文件的URI有关。

如果您在本地运行该文件，浏览器会猜测它应该使用文件协议下载文件，所以：

file://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

如果您打开浏览器的开发人员工具（通常按F12键），它应该会显示一条错误消息，说明浏览器无法从file：// URL加载jQuery文件。如果你把http（或https）作为协议，它知道从哪里获取jQuery，一切正常。

有趣的是，如果你在服务器上运行该文件（我猜这是w3schools的意图），那么浏览器猜测应该是http或https协议，它会找到jQuery文件。

如果您想尝试运行Web服务器而不需要付出太多努力，Python（因为它很棒）可以让您只使用一个命令运行Web服务器：

python -m SimpleHTTPServer

它运行服务器：

http://0.0.0.0:8000

并提供运行它的目录中的文件。此网址有更详细的信息：http://www.linuxjournal.com/content/tech-tip-really-simple-http-server-python

我不知道服务器的要求（感谢您的问题！）我在旅行中发现了这一点，我觉得这很有趣。它讨论了丢失的协议如何有效html StackOverflow: Is it valid to replace http:// with // in a script tag?

Jquery无法使用任何浏览器

3 个答案: