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

【问题标题】：Why doesn't my jquery code work in my project?为什么我的 jquery 代码在我的项目中不起作用？
【发布时间】：2014-05-29 12:54:18
【问题描述】：

这是我的 jquery 代码：

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

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

【问题讨论】：

【解决方案1】：

Document 应该是 document - javascript 区分大小写：

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

一般来说，当您发现您的 javascript 代码不起作用时，首先要做的是检查控制台是否有错误。这将使您了解您应该在代码中的哪个位置查找。

【讨论】：

【解决方案2】：

Document 在你的代码中应该是document 否则如果你检查控制台会报错。

【讨论】：

【解决方案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" );
});

【讨论】：