简单的jQuery addClass无法正常工作

时间:2016-08-19 08:16:31

标签: javascript jquery

我有这个简短的代码,

$("#contact").click(function(){
$("#contact").addClass("clicked");
});

它不起作用,回到我身边

  

“未捕获的TypeError:$不是函数”

,参考第2行

$("#contact").addClass("clicked");

因此,jquery正在工作,因为他正在识别第一行,并且元素$("#contact")被正确命名,因为他正在检测点击功能。我猜不出为什么这条线路失败了。

看到你的所有评论后,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            $("#contact").click(function(){
                $("#contact").addClass("clicked");
            });
        });
        </script>

我的代码就是这样。我认为jquery已经很好地插入了,它全部都在页面的头部

1 个答案:

答案 0 :(得分:1)

如果您已包含jQuery但$未定义,则可以在noConflict模式下运行jQuery。你可以像这样包装你的代码:

jQuery(function($) {
    $("#contact").click(function(){
        $("#contact").addClass("clicked");
    });
});