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

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

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才好。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/69313

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.