Question

我对JQuery比较陌生，想尝试一下。我只是按照一个简单的教程来启动http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery 所以我在：

中指定了我的脚本

<script type="text/javascript">  
    $(document).ready(function() {
        $("a").click(function() {
            alert("Hello world!");
        });
    });                                   
</script>

并在：

中包含测试链接

<a href="">Link</a>

然而，当我刷新文档时，我的浏览器一直在说

TypeError: Property '$' of object [object Window] is not a function

我可以理解为“普通”JavaScript，但我相信这种功能在JQuery中是新的。有人可以在这里帮忙吗？

链接：HTTP：//wittmerperformance.com/site/

Answer 1

你是否嵌入了jquery库？

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

更多我认为目前＆＃34; on＆＃34;是最先进的，如：

$(document).ready(function() {
    $("a").on('click', function() {
        alert("Hello world!");
    });
});

Answer 2

试试这个：

jQuery(document).ready(function($) {
    $("a").click(function() {
    alert("Hello world!");
    });
});

Answer 3

您遇到的问题的原因可能是您没有包含JQuery库，或者可能是由于冲突，请尝试使用

  jQuery(document).ready(function ($) {
    $("a").on('click', function() {
      alert("Hello world!");
    });
  });

Answer 4

      <script type="text/javascript">  
    $(document).ready(
    function() {

    $("a").click(
function(){
    alert("Hello world!");
    });

    });                                                                
    </script>

这是一个有效的例子。在你的例子中，你可以关闭你开始的功能。 count（{}）;你错过了}）最后。它的工作也很好。

下面的完整工作示例：

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">  
    $(document).ready(
    function() {

    $("a").click(
function(abc){
    alert("Hello world!");
    abc.preventDefault();
    return false;
    });

    });                                                                
</script>
</head>
<body>
<a>some link</a>
</body>
</html>

简单的JQuery示例导致我出于未知原因的麻烦

4 个答案: