就jQuery而言,我是一个完全新手.除了一些非常基本的东西,我也不太了解JavaScript.
我在这里遵循这个教程:http://docs.jquery.com/How_jQuery_Works
没有什么工作!:-)
我在我的机器硬盘上创建了一个文件夹:C:\ rnd\jQuery
然后,在该文件夹中,我放置了从jQuery网站下载的jquery.xxjs文件,并创建了一个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之外,它向我显示了说明脚本中发生错误的消息框.当我单击"是"进行调试时,它会打开调试器,但它不会突出显示任何代码行,所以我真的不知道发生了什么.
然后,当我的代码中包含以下行时:
$("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出现在这里？
And*_*y E 16
我可以看到一个问题.您在文档就绪语句中有.以下内容$.
$.(document).ready(function()
^--- remove the .!
它应该如下所示:
$(document).ready(function()
| 归档时间： |
|
| 查看次数： |
480 次 |
| 最近记录： |