jquery - addClass 与 attr 并创建 ID

Question

所以我读到的是，当向尚未分配任何类的元素添加类时，仍然使用 addClass() 方法而不是 attr()。

例如，使用:

.addClass('myclass')

比

更有效率

.attr('class','myclass')

我找不到任何与 addId('myid') 等效的内容来添加 id 选择器，它是否存在，或者 attr() 是添加 id 选择器的最佳方法吗？

我知道 id 是唯一的，我的问题背后的逻辑是 addClass() 比 attr() 更快。

所以我的问题是是否有比 attr() 更有效的创建 id 的方法。

Answer 1

直接回答

No, addId() does not exist and addClass() is not as same as attr()

在 HTML 中，class属性可以包含多个值，例如 <div class="tall fat brown">Someone</div>所以jQuery的函数addClass()有助于向类属性添加值而不是更改它。类似的功能 toggleClass()和 'removeClass()` 帮助操作它们。

但是函数 attr()只会操作属性并直接更改它。

例如:

<div id="person">someone</div>

以及以下 jQuery 语句

$("#div").addClass("tall"); // This will create the class attribute and add tall 
$("#div").addClass("fat");  // This will append fat to the existing class and make "tall fat"
$("#div").addClass("brown"); // likewise

.addClass()只会附加类名。如果需要使用 attr() 来完成相同的操作你必须做

$("#div").attr('class', 'tall');
$("#div").attr('class', 'tall fat');
$("#div").attr('class', 'tall fat brown');

或者，您可以使用修改属性

$("#div").attr('class', function(i, className) {
    return className + " brown";
});

哪里是 id s 有一个需要修改或更改的值，因此像 addId() 这样的函数会完全执行 attr('id', 'idvalue') 会执行的操作。