javascript改变css类，而不是追加它

Question

如何更改以下javascript以更改我的css类，而不是添加/附加到它？

<script type="text/javascript">
    (function($){   
        $(document).ready(function(){
        $('ul#horizontal.nav.menu').addClass('myNewClass');
        });
    })(jQuery);
</script>

修改

我正在尝试更改以下UL：

<ul class="nav menu" id="horizontal"> 

到

<ul class="myclass" id="horizontal">

我在结束</body>标记之前尝试了以下操作并且无法正常工作：

<script type="text/javascript">
        (function($){   
          $(document).ready(function(){
            // add items for bootstrap dropdown's
              $("#horizontal").attr("class", "myclass");
            })(jQuery);
        </script>

Answer 1

您可以尝试使用attr方法：

$('ul#horizontal.nav.menu').attr( 'class', 'myNewClass');

Answer 2

很容易......

$("#mydiv").attr("class", "myclass");

Answer 3

$("#mydiv").prop("class", "myclass");