javascript - jQuery 中的 attr() 方法问题

Question

当我尝试使用 jQuery 在 html 标记中添加 id 或 class 等属性时，那么属性的旧值就会丢失。

这是一个例子:

<div id="dom">
    <h1 class="class">I am heading 1</h1>
    <h1 class="class">I am heading 2</h1>
    <h1 class="class">I am heading 3</h1>
    <h1 class="class">I am heading 4</h1>
    <h1 class="class">I am heading 5</h1>
    <h1 class="class">I am heading 6</h1>
</div>

现在我正尝试通过 jquery 添加另一个类，它有一个名为“class”的类。

<script>
    $(document).ready(function(){
        $('.class').attr('class','newClass')
    })
</script>

因此，它会删除旧类并设置新类。但我想要两个类(class)。解决这个问题的好方法是什么？

Answer 1

.attr() 用于获取/设置新值。在设置条件的情况下，与属性关联的先前值将被新值完全覆盖。

您应该使用 .addClass() 添加更多类:

$('.class').addClass('newClass');

要添加多个类，请在.addClass() 参数中用空格分隔多个类:

 $('.class').addClass('newClass newclass2');