为什么我的jquery代码在我的项目中不起作用？

Question

这是我的jquery代码：

jQuery(Document).ready(function(){
    $('#navigation > .first-column > ul > li > a').css( "border", "3px double red" );
});

但它在我的项目中不起作用。 为什么我的jQuery代码在我的项目中不起作用？

Answer 1

Document应为document - javascript区分大小写：

jQuery(document).ready(function() {
    $('#navigation > .first-column > ul > li > a').css("border", "3px double red");
});

作为一般规则，当你发现你的javascript代码不起作用时要做的第一件事是检查控制台是否有错误。这将让您了解代码中应该在哪里查看。

Answer 2

代码中{p> Document应为document，否则如果您检查控制台则会出错。

Answer 3

正如大家所说：Document应该是document，但你也引用了jQuery和$。当您在代码中引用$时，您也可以在外部引用它：）

您最好使用文档加载事件的较短语法：

$(function(){
    $('#navigation > .first-column > ul > li > a').css( "border", "3px double red" );
});

或

jQuery(function(){
    jQuery('#navigation > .first-column > ul > li > a').css( "border", "3px double red" );
});

你可能要做的就是这个版本（明确地将$传递给范围）：

jQuery(function($){
    $('#navigation > .first-column > ul > li > a').css( "border", "3px double red" );
});