为什么我的jquery代码不能在我的项目中工作?

Why doesn't my jquery code work in my project?

本文关键字:我的 工作 项目 不能 jquery 代码 为什么      更新时间:2023-09-26

我的jquery代码:

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

但是它在我的项目中不起作用。为什么我的jQuery代码不能在我的项目工作?

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

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

作为一般规则,当您发现javascript代码不工作时要做的第一件事是检查控制台是否有错误。这将给你一个想法,你应该在你的代码的哪里看

Document应该是document在你的代码,否则它会给出错误,如果你检查控制台

大家都说: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" );
});