為什么我的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

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" );
});