Javascript 将类添加到类和锚定标记

Javascript 将类添加到类和锚定标记,javascript,jquery,css,addclass,Javascript,Jquery,Css,Addclass,我想使用jQuery向锚定标记添加一个类。锚定标记位于类别为nav-1的列表项内。我尝试了以下方法,但没有成功 $( ".nav-1 a" ).addClass( "pink" ); 有人知道我做错了什么吗 据我所知,Firebug上的脚本选项卡中对此没有错误。没有添加粉红色的类别。JS文件在头部,所以这可能是问题所在。我将测试并发布我的结果 可在此处找到该页面: 我在script.js文件中添加了jQuery代码,这是头部的最后一个加载外部js文件,在结束body标记之前添加了以下代码: &

我想使用jQuery向锚定标记添加一个类。锚定标记位于类别为nav-1的列表项内。我尝试了以下方法,但没有成功

$( ".nav-1 a" ).addClass( "pink" );
有人知道我做错了什么吗

据我所知,Firebug上的脚本选项卡中对此没有错误。没有添加粉红色的类别。JS文件在头部,所以这可能是问题所在。我将测试并发布我的结果

可在此处找到该页面:

我在script.js文件中添加了jQuery代码,这是头部的最后一个加载外部js文件,在结束body标记之前添加了以下代码:

<script type="text/javascript">
    $(document).ready(function(){
        $( ".nav-1 a" ).addClass( "pink" );
    });
</script>

$(文档).ready(函数(){
美元(“.nav-1A”).addClass(“粉色”);
});
仍然没有添加类的运气


我相信这可能是jQuery被包含在软件中的方式。它使用Prototype,但我使用的框架集成了jQuery并添加了noconflict特性。

这取决于您希望何时添加类,取决于什么事件

点击这里

但是您可以在每个事件上添加该类,基本上您的代码没有问题:)

当DOM准备好被操作时,应该触发代码。 在jQuery中:

$(document).ready(function(){

    $( ".nav-1 a" ).addClass( "pink" );

});

我通过更改以下内容解决了上述问题:

<script type="text/javascript">
    $(document).ready(function(){
        $( ".nav-1 a" ).addClass( "pink" );
    });
</script>

$(文档).ready(函数(){
美元(“.nav-1A”).addClass(“粉色”);
});
致:


jQuery(文档).ready(函数($){
美元(“.nav-1A”).addClass(“粉色”);
});

试试这个
$(“li.nav-1>a”).addClass(“粉色”)
@Amit:这没什么区别,只是对
发生的位置要求更严格。您遇到了哪些错误/问题?JavaScript控制台中报告的任何错误(大多数浏览器中为“F12”)?你能展示你的HTML吗,因为如果它真的像你描述的那样,那么jQuery应该可以工作(假设你正确地包含了jQuery)?如果它在头部,那么dom仍然没有加载(锚还不存在)。它还取决于您希望何时执行代码。请在您的帖子中包含一些其他详细信息,例如是否包含jQuery,如果包含jQuery的位置(头部或身体),代码是否包装在DOM就绪处理程序中,代码位于何处(头部或身体),控制台中是否存在任何错误,HTML的布局,等等。在这一点上,我们提供任何合理的解释都太模糊了,除了对可能出错的纯粹猜测。更新了我的帖子。我想可能是JS文件正在头部加载。我可以在外部文件中使用jQuery(document).ready(function($){吗?我仍然在学习JS/jQuery。
<script type="text/javascript">
    $(document).ready(function(){
        $( ".nav-1 a" ).addClass( "pink" );
    });
</script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $( ".nav-1 a" ).addClass( "pink" );
    });
</script>