将类添加到类和锚标记

Question

我想使用jQuery向锚标签添加一个类。锚标记位于列表项内，类为nav-1。我试了以下没有运气。

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

任何人都知道我做错了什么？

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

可以在此处找到该页面：http://cqwebdesign.co.uk/partybits2008.co.uk

我将script.js文件的jQuery代码添加到头部的最后一个外部JS文件中，并在关闭正文标记之前添加了以下代码：

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

加入课程仍然没有运气。

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

Answer 1

这取决于你想要在什么事件上添加课程。

点击此处http://jsfiddle.net/33dntdtx/

$('.add').on('click', function(e){
    $( ".nav-1 a" ).addClass( "pink" );
    e.preventDefault();
});

但是您可以在每个事件上添加该类，基本上您的代码没有任何问题：）

当DOM准备好被操作时，您应该触发代码。 在jQuery中：

$(document).ready(function(){

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

});

Answer 2

我通过更改：

解决了上述问题

<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>