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

This topic created in 4785 days ago, the information mentioned may be changed or developed.

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

jquery

HTML

效果

8 replies • 1970-01-01 08:00:00 +08:00

qiayue

PRO

May 18, 2013

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

kfll

May 18, 2013

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

leiz

May 18, 2013

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

bzw875

May 18, 2013

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

bzw875

May 18, 2013

@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

May 18, 2013

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

qiayue

PRO

May 18, 2013

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

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

bzw875

May 18, 2013

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