就 jQuery 而言,我完全是个新手。除了一些非常基本的东西外,我对 JavaScript 也知之甚少。
我在这里学习本教程:http://docs.jquery.com/How_jQuery_Works
没有任何效果! :-)
我在我机器的硬盘上创建了一个文件夹:C:\rnd\jQuery
然后,在该文件夹中,我放入了从 jQuery 网站下载的 jquery.x.x.js 文件,并创建了一个 test.html 文件并在其中编写了以下代码:
<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<style type="text/css">
a.test { font-weight: bold; }
</style>
<script type="text/javascript">
$.(document).ready(function() {
$("a").addClass("test");
$("a").click(function(event) {
alert("Thanks for visiting.");
event.preventDefault();
});
});
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
它只是将我带到 jQuery 网站的正常行为。我在 Chrome、IE 和 Firefox 上运行它。我在浏览器中启用了 JavaScript。到处都一样。它没有做我期望的任何事情。它只是将我带到网站。
除了在 IE 上,它向我显示了一个消息框,提示您的脚本发生了错误。当我单击"is"进行调试时,它会打开调试器,但不会突出显示任何代码行,所以我真的不知道发生了什么。
然后,当我的代码中有以下行时:
$("a").hide("slow");
我的完整代码如下所示:
<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<style type="text/css">
a.test { font-weight: bold; }
</style>
<script type="text/javascript">
$.(document).ready(function() {
$("a").addClass("test");
$("a").click(function(event) {
alert("Thanks for visiting.");
event.preventDefault();
$("a").hide("slow");
});
});
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
此时,在 Firefox 和 Chrome 中没有发生任何不同,但在 IE 中,它再次进入调试器,这次以黄色突出显示此行,并报告标识符 jQuery
不是定义。
(function($) {
$.fn.textDropShadow = function(){
$(this).html('<span class="jq-shadow">'+$(this).html()+'</span><span>'+$(this).html()+'</span>');
return $(this);
}
})(jQuery);
我相信是 jQuery 网站上的一些 JavaScript 代码。
我感觉完全迷失了。任何帮助将不胜感激。
更新: 我有完整的 HTML,它是有效的 XHTML。浏览器将其显示为 HTML 响应流太糟糕了,我什至无法将其显示为脚本。该死!你如何让 HTML 显示在这里?
最佳答案
我可以看到一个问题。在文档就绪语句中,您有一个 .
跟在 $
之后。
$.(document).ready(function()
^--- remove the .!
它应该是这样的:
$(document).ready(function()
关于javascript - 我对 jQuery 的第一次挖掘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3362693/