jquery本地运行没效果，写完后打开HTML文件，没效果啊

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 4200 天前的主题，其中的信息可能已经有所发展或是发生改变。

正在学习jquery,输入完jquery代码，打开HTML文件为什么没效果，照着w3school的代码复制粘贴也没效果。难道jquery限制非服务器-客户端的运行？

jquery

HTML

效果

8 条回复 • 1970-01-01 08:00:00 +08:00

qiayue

2013-05-18 15:55:47 +08:00

很有可能你路径写错了，请使用 Chrome 浏览器，打开页面后按下 F12 查看是否有错误。

kfll

2013-05-18 16:06:15 +08:00

这种情况用 Webkit Developer Tools 一看 Console 二看 Network

leiz

2013-05-18 16:21:30 +08:00

用chrome就打开开发者工具看看有什么报错
用firefox就下个firebug看看有什么报错

bzw875

2013-05-18 16:43:22 +08:00

@qiayue 我是使用chrome调试的IE8也没用，我在家里的电脑，登陆公司服务器的电脑，都没效果。

bzw875

2013-05-18 16:44:04 +08:00

@leiz <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

复制w3chool的代码。

leohxj

2013-05-18 16:47:53 +08:00

@bzw875 script的src属性后加上http://，不加的话默认以你当前的协议访问，本地文件就是file了。

qiayue

2013-05-18 16:48:26 +08:00

问题出在这一句
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
你把这个 jquery.min.js 下载到你本地，再改上面这一句，就会有用了

让你用 Chrome 是想让你 F12 调出开发者工具，不是让你测试不同浏览器兼容

bzw875

2013-05-18 16:53:50 +08:00

@leohxj 正解，chrome-F12-Console 也提示了没有找到jquery.min.js文件，谢谢全部楼上的。以后善用chrome的Developer Tools才好。