0

我在w3schools.com上测试了以下代码；但是，当我在本地机器上尝试它时，它不起作用。我有一种感觉，原因是我没有 jquery.js 文件。我在想它只是 jquery 脚本声明的一部分，仅此而已。jquery.js 中写了什么？有没有我可以包含的替代文件？

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(this).hide();
  });
});
</script>
</head>

<body>
<button>Click me</button>
</body>
</html>
4

2 回答 2

1

W3Schools 链接到称为jquery的通用 javascript 库。您需要将其下载并本地存储到您的站点以便您可以引用它，或者您可以使用 gooole api 版本：ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
于 2012-06-09T12:44:01.717 回答
1

您可以更改此行

<script type="text/javascript" src="jquery.js"></script>

至

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

它将从谷歌 CDN（内容交付网络）加载 jQuery 库。还有其他几个 CDN，在这里查看列表http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery

或者

在浏览器中加载https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsjquery.js并将文件保存在上述文件所在的目录中，您的代码将正常工作。

查看本教程以获取更多详细信息http://docs.jquery.com/How_jQuery_Works

于 2012-06-09T12:47:49.890 回答