Javascript 我对jQuery的第一次挖掘_Javascript_Jquery

Javascript 我对jQuery的第一次挖掘

javascript jquery

Javascript 我对jQuery的第一次挖掘,javascript,jquery,Javascript,Jquery,就jQuery而言，我是一个完全的新手。除了一些非常基本的东西，我对JavaScript也不太了解我将在这里学习本教程：什么都没用！：-）我在计算机硬盘上创建了一个文件夹：C:\rnd\jQuery 然后，我将从jquery网站下载的jquery.x.x.js文件放在该文件夹中，创建了一个test.html文件，并在其中编写了以下代码： <!doctype html> <html> <head> <script type="text/j

就jQuery而言，我是一个完全的新手。除了一些非常基本的东西，我对JavaScript也不太了解

我将在这里学习本教程：

什么都没用！：-）

我在计算机硬盘上创建了一个文件夹：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>

我的完整代码如下所示：

<!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>

$(document).ready(function()

我相信这是jQuery网站上的一些JavaScript代码

我觉得完全迷路了。任何帮助都将不胜感激

更新：

我有完整的HTML，它是有效的XHTML。很遗憾，浏览器将其显示为HTML响应流，而我甚至无法将其显示为脚本。该死如何使HTML显示在此处？

是否包含以下行：

<script type="text/javascript" src="jquery.js"></script>

您需要显示更多页面，以便我们了解问题所在。

我可以看到一个问题。在documentready语句中的

后面有一个

$.(document).ready(function()
 ^--- remove the .!

应该是这样的：

<!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>

$(document).ready(function()

首先，确保在编写任何jQuery代码（或加载任何插件）之前引用了jQuery库

另外，它应该是$（document）.ready（function（）{}）

不是$。（document）

显然，问题是$.document部分中有一个额外的点，但是这里有一个学习jquery的提示

您可能会发现页面上运行着另一个javascript库，并且它也使用了$symbol。保持jquery与其他库分离但仍共享$symbol的一个好方法是在jquery init语句中别名$。。像这样

//美元符号不存在于此之外，因为我们从jQuery开始使用它，所以我个人喜欢这种方法

jQuery(document).ready(function($) {
    $('#...');
});

回复：“更新”：你点击编辑器中的“代码”按钮。我编辑了你的问题，因此HTML是正确的displayed@David例如我已经做过了。这就是为什么它很好地打印了脚本部分，但占用了HTML部分的原因。@Robert Koritnik:非常感谢。我建议您在firefox中安装firebug扩展并了解它。它是追踪脚本和html问题的一个非常宝贵的工具。是的，我做了。我已经将我的脚本格式化为代码，但它没有显示出来。我也试着把所有东西都放在一个标签里，但即使在那时它也没有出现。悲哀。@Water Cooler v2:您只需将代码缩进四个空格，它的格式就是这样。不需要特殊的HTML标记。@Andy E:你怎么知道我这么做了？哇！我知道我听起来很傻，但我想当我们还是新手的时候，我们都是这样做的。@Andy E:哦，我明白了。就在上面，它显示了脚本的包含。对不起。：-）@水：这里有2k代表的用户可以编辑你的帖子并查看来源。大卫·多沃德（David Dorward）发布了与此相同的答案，随后不久删除了该答案，并发表评论说“哦，你有……”。“你就是那个人，我接受了你的答案”听起来会更好<代码>；-）我确实想，但我不得不等几分钟，所以我会接受任何答案。：-）谢谢你，保罗。很好的提示。不久前，我还从API中了解到，我可以使用.noConflict（）函数告诉JavaScript解释器，我将使用名称jQuery而不是$符号，因为它可能被一些本地JavaScript代码重载。谢谢你让我知道这件事。是的，基本上是一样的！您的思路是正确的，noConflict（）可能是首选，因为它是自文档化的，这意味着函数名暗示了您正在尝试执行的操作。

jQuery(document).ready(function($) {
    $('#...');
});