javascript更改css类，而不是附加到它答案

【问题标题】：javascript to change css class, rather than append to itjavascript更改css类，而不是附加到它
【发布时间】：2013-11-12 16:48:48
【问题描述】：

如何更改以下 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>

【问题讨论】：

removeClass 的文档中的权利：api.jquery.com/removeClass
@DhavalMarthak 这就是他现在所拥有的，在闭包中确保函数内的$ 变量不会与任何其他库冲突
重复jquery change class name
id 的意义在于是唯一的.. 不需要通过提供类名来使其更窄，例如 .nav 或 .menu。或前缀ul.. 我可能错了，但我不推荐。那么你应该这样做document.getElementById('horizontal').className = "myNewClass";
我已经尝试了所有这些并在关闭

标签： javascript jquery css class append

【解决方案1】：

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

【讨论】：

如果你使用prop方法而不是attr，你应该使用className。

【解决方案2】：

很简单..

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

【讨论】：

【解决方案3】：

你可以尝试使用attr方法：

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

【讨论】：