javascript - 追加するのではなく、CSSクラスを変更するJavaScript

Question

css クラスに追加/追加するのではなく、以下の 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");